/* Sensible Laps help theme — maps the pit-wall design system (WebUnified
   index.css) onto MkDocs Material. Self-hosted font so the in-app F1 help
   works offline (file://). Two schemes: default = light board, slate = dark. */

/* ---- Barlow Semi Condensed (self-hosted; no Google CDN) ---- */
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/barlow-sc-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2122, U+2191, U+2193, U+2212;
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/barlow-sc-500-latinext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF;
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/barlow-sc-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2122, U+2191, U+2193, U+2212;
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/barlow-sc-600-latinext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF;
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/barlow-sc-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2122, U+2191, U+2193, U+2212;
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/barlow-sc-700-latinext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF;
}

/* ---- fonts applied everywhere ---- */
:root {
  --md-text-font: "Barlow Semi Condensed";
  --md-code-font: "Barlow Semi Condensed";
}
body, input, .md-typeset {
  font-family: "Barlow Semi Condensed", system-ui, sans-serif;
  font-weight: 500;
}
/* keep code monospaced — Barlow isn't a mono face */
.md-typeset code, .md-typeset pre, .md-typeset kbd {
  font-family: ui-monospace, "Cascadia Code", "Consolas", monospace;
}

/* ---- dark header in both schemes, like the site's pit board ---- */
.md-header, .md-tabs {
  background: linear-gradient(#141a23, #0b0e13);
  color: #e9eef5;
}
.md-header__title { font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.md-header__button.md-logo img { height: 1.9rem; width: auto; }

/* ---- uppercase, spaced page titles (site "race-title" feel) ---- */
.md-typeset h1, .md-typeset h2 {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
}
.md-typeset h1 { color: var(--md-default-fg-color); }

/* ================= LIGHT (default) ================= */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f5f7fa;
  --md-default-fg-color: #17202b;
  --md-default-fg-color--light: #5c6a7a;
  --md-default-fg-color--lighter: rgba(23,32,43,0.32);
  --md-default-fg-color--lightest: rgba(23,32,43,0.12);

  --md-primary-fg-color: #141a23;
  --md-primary-fg-color--light: #29333f;
  --md-primary-fg-color--dark: #0b0e13;
  --md-primary-bg-color: #e9eef5;
  --md-primary-bg-color--light: #8a97a8;

  --md-accent-fg-color: #b8790a;
  --md-accent-fg-color--transparent: rgba(184,121,10,0.12);

  --md-typeset-a-color: #b8790a;
  --md-code-bg-color: #eef2f7;
  --md-code-fg-color: #17202b;
  --md-footer-bg-color: #141a23;
  --md-footer-bg-color--dark: #0b0e13;
}

/* ================= DARK (slate) ================= */
[data-md-color-scheme="slate"] {
  --md-hue: 215;
  --md-default-bg-color: #0b0e13;
  --md-default-fg-color: #e9eef5;
  --md-default-fg-color--light: #8a97a8;
  --md-default-fg-color--lighter: rgba(233,238,245,0.32);
  --md-default-fg-color--lightest: rgba(233,238,245,0.12);

  --md-primary-fg-color: #0b0e13;
  --md-primary-fg-color--light: #29333f;
  --md-primary-fg-color--dark: #0b0e13;
  --md-primary-bg-color: #e9eef5;
  --md-primary-bg-color--light: #8a97a8;

  --md-accent-fg-color: #ffb01f;
  --md-accent-fg-color--transparent: rgba(255,176,31,0.14);

  --md-typeset-a-color: #ffb01f;
  --md-code-bg-color: #141a23;
  --md-code-fg-color: #e9eef5;
  --md-footer-bg-color: #0b0e13;
  --md-footer-bg-color--dark: #0b0e13;
}
/* surfaces that should read as "cards" (#141a23) against the #0b0e13 board */
[data-md-color-scheme="slate"] .md-typeset pre > code,
[data-md-color-scheme="slate"] .md-typeset table:not([class]),
[data-md-color-scheme="slate"] .md-typeset .admonition {
  background: #141a23;
  border: 1px solid #29333f;
}

/* ---- active nav + hover = amber, in both schemes ---- */
.md-nav__link--active, .md-nav__link:focus, .md-nav__link:hover {
  color: var(--md-accent-fg-color);
}

/* ---- line-bordered cards: tables & admonitions ---- */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
  overflow: hidden;
}
.md-typeset table:not([class]) th {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}
.md-typeset .admonition, .md-typeset details {
  border-radius: 10px;
}

/* ---- screenshots framed like the site's surface cards ---- */
.md-typeset img[src*="img/"] {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  max-width: 100%;
}

/* ---- numbers line up (tabular), as on the timing board ---- */
.md-typeset td, .md-typeset th { font-variant-numeric: tabular-nums; }

/* ---- search accent ---- */
.md-search__input { border-radius: 999px; }