/* Design tokens: approved palette and base variables. Change colours only here. */
:root{
  --g:#111C28;
  --n:#142536;
  --n2:#1b3248;
  --cy:#27F5DD;
  --li:#B2FF35;
  --io:#5395FF;
  --ice:#E7F1F7;
  --mut:#9db3c4;
  --ln:#2a4259;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px)}

/* ---- Design tokens, Phase 8 refinement (values override the Phase 7 palette slightly; roles documented in docs/DESIGN_TOKENS.md) ---- */
:root{
  /* Surfaces: page, raised panel, raised-hi (selected/hover). Slightly lighter than Phase 7 so panels separate from the page. */
  --n:#162a3d;
  --n2:#1f3a52;
  --ln:#34516b;
  --mut:#a9bdcc;
  --ink:#f3f8fb;           /* headings */
  --cy-soft:rgba(39,245,221,.14);
  --io-soft:rgba(83,149,255,.16);
  --amber:#e9b949;
  --amber-soft:rgba(233,185,73,.16);
  --warn:#ffb36b;
  /* Roles: cyan = links and information; lime = primary action, focus and selection; blue = structure; amber = caution. */
  --font-body:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-head:"Inter Display","Inter","Segoe UI",system-ui,Arial,sans-serif;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-base:1.0625rem; --fs-md:1.1875rem;
  --fs-h3:1.15rem; --fs-h2:clamp(1.5rem,1.1rem + 1.3vw,2.05rem); --fs-h1:clamp(2rem,1.25rem + 2.5vw,3.05rem); --fs-hero:clamp(2.3rem,1.4rem + 3.3vw,3.9rem);
  --lh-body:1.65; --lh-head:1.14; --measure:68ch;
  --r-sm:6px; --r-md:10px; --r-lg:14px;
  --sh-1:0 1px 0 rgba(255,255,255,.04) inset,0 6px 18px rgba(3,10,18,.28);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px;
}

/* ---- D-009 (2026-11-03): brighter white on deeper navy. Accents (cyan, lime, blue, amber) unchanged. ---- */
:root{
  --g:#080F1E;             /* page background */
  --g-rgb:8,15,30;         /* same colour for translucent header and hero overlay */
  --n:#1A2D43;             /* raised panels */
  --n2:#24405E;            /* raised-hi: table headers, chips, selected (kept lighter than panels) */
  --ice:#E8EFF8;           /* primary body text */
  --ink:#FFFFFF;           /* headings */
}