/* Design tokens ONLY. No selectors beyond :root, no layout rules.
   All other stylesheets consume these via var(); raw hex values are
   forbidden outside this file (see CLAUDE.md). */
:root {
  /* Palette (DESIGN.md) */
  --color-primary: #0B3D66;
  --color-primary-bright: #0079C1;
  --color-ink: #16202A;
  --color-ink-strong: #0B3D66; /* headings; tracks primary in light scheme */
  --color-surface: #FFFFFF;
  --color-surface-alt: #F4F7FA;
  --color-border: #DCE4EC;
  /* Text/icons sitting on --color-primary or --color-action fills.
     Deliberately NOT scheme-dependent: the fills stay deep/action blue
     in both schemes, so their foreground must stay light. */
  --color-on-primary: #FFFFFF;
  /* Filled-control background (primary buttons). Scheme-stable so
     white-on-action always clears 4.5:1; --color-primary-bright is the
     LINK color and lightens in the dark scheme, where it would fail as
     a fill behind white text. */
  --color-action: #0079C1;
  --color-accent-green: #2E9E6B;
  --color-accent-amber: #E8A33D;
  --color-accent-violet: #6B5CA5;

  /* Type — 1.25 modular scale */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --text-sm: 0.8rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.563rem;
  --text-xl: 1.953rem;
  --text-2xl: 2.441rem;
  --text-h1: clamp(2.4rem, 5vw, 3.6rem);
  --leading-tight: 1.15;
  --leading-body: 1.6;

  /* Spacing — 4px base */
  --space-1: 0.25rem; /*  4px */
  --space-2: 0.5rem; /*  8px */
  --space-3: 1rem; /* 16px */
  --space-4: 1.5rem; /* 24px */
  --space-5: 2.5rem; /* 40px */
  --space-6: 4rem; /* 64px */
  --space-7: 6rem; /* 96px */
  --space-8: 8rem; /* 128px */

  /* Layout */
  --content-max: 1200px;
  --radius: 6px;
  --radius-lg: 12px;

  /* Elevation */
  --shadow-1: 0 1px 3px rgba(22, 32, 42, 0.12);
  --shadow-2: 0 4px 16px rgba(22, 32, 42, 0.16);

  /* Motion */
  --transition-fast: 120ms ease;
  --transition: 200ms ease;

  /* Focus */
  --focus-ring: 3px solid var(--color-primary-bright);
  --focus-offset: 2px;
}

/* Marketing site is light-first; dark scheme only softens surfaces/ink. */
@media (prefers-color-scheme: dark) {
  :root {
    --color-surface: #101820;
    --color-surface-alt: #1A2531;
    --color-border: #2C3B4A;
    --color-ink: #E6EDF3;
    --color-ink-strong: #CFE3F2;
    /* Action blue lightened for 4.5:1+ on the dark surfaces (WCAG 1.4.3);
       the light-scheme value only manages 3.7:1 there. */
    --color-primary-bright: #4DA9E0;
  }
}