/*
  topbarplus brand knobs, layered over the shared theme (_shared/theme.css).
  Same Roblox Blue as HD Admin for now (anchored on #335FFF). Tints are
  r, g, b triplets for rgba() use. Retint the whole site by editing this
  file alone
*/

body[data-md-color-scheme="slate"][data-md-color-primary] {
  --hd-accent: #5c7cff;
  --hd-accent-strong: #335fff;
  --hd-link: #7d97ff;
  --hd-pill-text: #a5b6ff;
  --hd-tint: 92, 124, 255;
  --hd-strong-tint: 51, 95, 255;
  --hd-grad-1: #22307c;
  --hd-grad-2: #1a2560;
  --hd-grad-3: #131b48;
  --hd-bgrad-1: #1f2c72;
  --hd-bgrad-2: #182158;
  --hd-bgrad-3: #111842;
  --hd-keyword: #7d97ff;
  --hd-function: #66d9ff;
}

/* Every page lives in the top tabs, so the desktop sidebar is redundant and
   the content gets its space. Below the tabs breakpoint the same element is
   the hamburger drawer, which mobile still needs */
@media (min-width: 76.25em) {
  .md-sidebar--primary {
    display: none;
  }
}