/* docs/stylesheets/apexlab.css — ApexLab brand override for mkdocs Material.
   Mirrors canonical tokens from assets/brand/tokens/tokens.css and remaps
   Material's CSS variables into the Pit Wall palette. */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --al-navy-900: #0A1628;
  --al-navy-800: #0E2139;
  --al-navy-700: #12304F;
  --al-steel-500: #6B7A8F;
  --al-cream-50: #F4EFE2;
  --al-paper-100: #F9F6EF;
  --al-paper-200: #EFE9DB;
  --al-graphite-500: #8E939A;
  --al-graphite-700: #3B3F47;
  --al-graphite-900: #14161A;
  --al-amber-400: #FFD35A;
  --al-amber-500: #F5B301;
  --al-amber-600: #C58E00;
  --al-signal-red: #E5463A;
  --al-signal-green: #3DBD6A;
  --al-signal-blue: #3A8DD4;
}

/* Dark scheme — Pit Wall navy */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--al-navy-900);
  --md-default-bg-color--light: var(--al-navy-800);
  --md-default-fg-color: var(--al-cream-50);
  --md-default-fg-color--light: var(--al-steel-500);
  --md-default-fg-color--lighter: rgba(244, 239, 226, 0.5);
  --md-default-fg-color--lightest: rgba(244, 239, 226, 0.12);
  --md-code-bg-color: var(--al-navy-800);
  --md-code-fg-color: var(--al-cream-50);
  --md-primary-fg-color: var(--al-amber-500);
  --md-primary-fg-color--light: var(--al-amber-400);
  --md-primary-fg-color--dark: var(--al-amber-600);
  --md-primary-bg-color: var(--al-navy-900);
  --md-accent-fg-color: var(--al-amber-500);
  --md-typeset-a-color: var(--al-amber-500);
}

/* Light scheme — paper */
[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--al-paper-100);
  --md-default-bg-color--light: var(--al-paper-200);
  --md-default-fg-color: var(--al-graphite-900);
  --md-default-fg-color--light: var(--al-graphite-500);
  --md-code-bg-color: var(--al-paper-200);
  --md-code-fg-color: var(--al-graphite-900);
  --md-primary-fg-color: var(--al-amber-500);
  --md-primary-bg-color: var(--al-graphite-900);
  --md-accent-fg-color: var(--al-amber-500);
  --md-typeset-a-color: var(--al-amber-600);
}

/* Typography */
:root {
  --md-text-font: "Inter", ui-sans-serif, system-ui, sans-serif;
  --md-code-font: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5 {
  font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.3px;
}

.md-typeset h1 { font-weight: 700; letter-spacing: -0.5px; }
.md-typeset h2 { font-weight: 700; }
.md-typeset h3 { font-weight: 600; }

/* Branded header */
.md-header {
  background: var(--al-navy-900);
}
[data-md-color-scheme="default"] .md-header {
  background: var(--al-graphite-900);
}