/* limbo/Beat — brand overrides for Material for MkDocs
   Tokens from the limbo/ design system. Orange #f14418 is the only accent;
   it is never a background — bone (light) / ink (dark) carry the surfaces. */

:root {
  --lb-orange:      #f14418;  /* primary accent — DO NOT CHANGE */
  --lb-orange-deep: #d63c18;  /* pressed */
  --lb-orange-warm: #ff5a2c;  /* hover / links on dark */
  --lb-slate:       #4e616b;  /* muted / body voice */
  --lb-ink:         #0b0d0e;  /* near-black, warmer than #000 */
  --lb-bone:        #f6f4ef;  /* warm off-white surface */
}

/* ---- Accent = orange in both schemes ---- */
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-accent-fg-color: var(--lb-orange);
  --md-typeset-a-color: var(--lb-orange);
}

/* ---- LIGHT: bone surface, ink type, slate muted, ink header ---- */
[data-md-color-scheme="default"] {
  --md-default-bg-color:          var(--lb-bone);
  --md-default-fg-color:          var(--lb-ink);
  --md-default-fg-color--light:   var(--lb-slate);
  --md-default-fg-color--lighter: rgba(78, 97, 107, 0.55);
  --md-primary-fg-color:          var(--lb-ink);
  --md-primary-bg-color:          var(--lb-bone);
  --md-code-bg-color:             #ffffff;
  --md-footer-bg-color:           var(--lb-ink);
}

/* ---- DARK: ink surface, bone type, warm-orange links ---- */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:        var(--lb-ink);
  --md-default-fg-color:        var(--lb-bone);
  --md-default-fg-color--light: #9fb0b8;
  --md-primary-fg-color:        var(--lb-ink);
  --md-typeset-a-color:         var(--lb-orange-warm);
  --md-code-bg-color:           #14171a;
}

/* ---- Display type: medium weight, tight tracking (the "delicate") ---- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 500;
  letter-spacing: -0.025em;
}

/* ---- Sharp corners (mirror the slash), hairlines first ---- */
.md-typeset pre > code,
.md-typeset .highlight,
.md-typeset .admonition,
.md-typeset details,
.md-typeset table:not([class]) {
  border-radius: 6px;
}
.md-typeset .md-button { border-radius: 4px; }

.md-typeset table:not([class]) {
  border: 1px solid rgba(11, 13, 14, 0.14);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  border-color: rgba(246, 244, 239, 0.14);
}

/* ---- Active nav item = orange (the focus signal) ---- */
.md-nav__link--active,
.md-nav__link--active:focus,
.md-nav__link--active:hover {
  color: var(--lb-orange);
}

/* ---- Header logo: a touch larger so the lockup reads ---- */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}

/* ---- The lockup already says "limbo/Beat" — drop the redundant title text ---- */
.md-header__topic {
  display: none;
}