/* Brand fonts for the docs — self-hosted, Latin subset.
   No external CDN / Google Fonts: theme.font is set to `false` in mkdocs.yml so
   Material emits NO fonts.gstatic.com / fonts.googleapis.com requests, and these
   @font-face rules supply Lato (body + H3-H6) and Bebas Neue (H1/H2) locally.
   The code/monospace font is left as Material's system default (unchanged). */

@font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/BebasNeue-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/Lato-Light.woff2') format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Lato-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/Lato-Italic.woff2') format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/Lato-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; font-display: swap; src: url('../fonts/Lato-BoldItalic.woff2') format('woff2'); }

:root {
  --font-display: 'Bebas Neue', 'Impact', 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;
  /* Route Material's text font through Lato. Material composes
     --md-text-font-family: var(--md-text-font, _), <system-sans> at every scope
     (incl. body), so we set the INNER --md-text-font var — a :root override of
     the composed --md-text-font-family alone is re-derived at body scope and
     lost. The code font uses --md-code-font (left unset) → system monospace,
     so monospace is unchanged. */
  --md-text-font: "Lato";
}

/* Display face (Bebas Neue) for top-level content headings only — H1/H2. */
.md-typeset h1,
.md-typeset h2 {
  font-family: var(--font-display);
}

/* Brand accent for the docs theme. Material ships a blue accent; the brand
   accent is plum (#825078). Raw plum is too dark to read as a link on the
   slate (dark) surface, so links/accents use the legible plum shade
   (color-mix of plum + white, matches --accent-text elsewhere in the brand).
   Overrides Material's generated vars — loaded after the theme via extra_css. */
/* Material re-declares --md-typeset-a-color (used by body links AND the active
   nav item) from the accent at a scope that out-specifies a plain scheme var,
   so force it. !important on the custom property + later source order wins. */
[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #b89db3;                      /* hover / active accent */
  --md-accent-fg-color--transparent: rgba(184, 157, 179, 0.1);
  --md-typeset-a-color: #b89db3 !important;           /* body links + active nav */
  --md-primary-fg-color: #141414;                     /* header, matches brand --bg */
}