/* Brand tokens. Light is the default; dark follows the visitor's device setting
   (prefers-color-scheme). [data-theme] lets a preview force either one. */
:root{
  --bg:#F3F2DC; --surface:#FBFAEE; --surface-2:#ECEAC9; --line:#DAD8BC;
  --ink:#1C2818; --soft:#4F5A48; --head:#002268;
  --green:#00B42C; --on-green:#002268; --blue:#00B4FA; --yellow:#FFDA00; --navy:#002268;
  --danger:#B3261E; --focus:#002268;
  --good:#006B1F; --good-bg:#E4F3E6; --good-line:#B7DDBE; --bad:#B3261E; --bad-bg:#FBE7E5; --bad-line:#EEBDB8; --warn:#8A5300; --warn-bg:#FFF0D2; --warn-line:#E8C98A;
  --bar-good:#0A9B2E; --bar-warn:#C77700; --bar-bad:#C93A31;
  --c1:#002268; --c2:#00B4FA; --c3:#00B42C; --c4:#FFDA00; --c5:#7C8DB8;
  /* Nav buttons (James, 27 Sep 2026: a solid fill "looked cheap"/not "corporate"; then "the size and bold colours") --
     a quiet tinted background with a muted border, close to nav-link size, not a loud CTA button. */
  --pill-bg:#FBF8DD; --pill-line:#FCEF9B; --shrink-bg:#E9F5EF; --shrink-line:#A3E2F2; --acad-bg:#E9F5E0; --acad-line:#A3E2AA;
  --link:#006B1F;                       /* green for words: 5.3:1 on cream */
  --hero-bg:#001A55; --hero-ink:#EEF3FF; --hero-soft:#A9BCE6; --panel:#002268; --panel-line:rgba(255,255,255,.18);
  --logo:url(/static/img/logo-light.webp);
  --shade:radial-gradient(90% 120% at 100% 0%,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,0) 55%);
  --font-head:Bitter,Rockwell,"Roboto Slab",Georgia,serif;
  --font-body:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0A0F1E; --surface:#141B30; --surface-2:#1B2440; --line:#2A3358;
    --ink:#EEF0F6; --soft:#A9B4D0; --head:#FFFFFF; --link:#5FD68F; --danger:#FF9B94; --focus:#00B4FA;
    --hero-bg:#060B18; --panel:#0F1A3D; --logo:url(/static/img/logo-dark.webp); color-scheme:dark;
    --good:#5FD68F; --good-bg:rgba(95,214,143,.12); --good-line:rgba(95,214,143,.35); --bad:#FF9B94; --bad-bg:rgba(255,155,148,.12); --bad-line:rgba(255,155,148,.35);
    --warn:#F2B84B; --warn-bg:rgba(242,184,75,.12); --warn-line:rgba(242,184,75,.35); --bar-good:#2FCB5A; --bar-warn:#F2A33A; --bar-bad:#FF6B61;
    --c1:#6B8FE0; --c5:#A9B4D0;
    --pill-bg:#2C2E2B; --pill-line:#5F5821; --shrink-bg:#122A44; --shrink-line:#0E4C71; --acad-bg:#122A30; --acad-line:#0E4C2F;
  }
}
:root[data-theme="dark"]{
  --bg:#0A0F1E; --surface:#141B30; --surface-2:#1B2440; --line:#2A3358;
  --ink:#EEF0F6; --soft:#A9B4D0; --head:#FFFFFF; --link:#5FD68F; --danger:#FF9B94; --focus:#00B4FA;
  --hero-bg:#060B18; --panel:#0F1A3D; --logo:url(/static/img/logo-dark.webp); color-scheme:dark;
  --good:#5FD68F; --good-bg:rgba(95,214,143,.12); --good-line:rgba(95,214,143,.35); --bad:#FF9B94; --bad-bg:rgba(255,155,148,.12); --bad-line:rgba(255,155,148,.35);
  --warn:#F2B84B; --warn-bg:rgba(242,184,75,.12); --warn-line:rgba(242,184,75,.35); --bar-good:#2FCB5A; --bar-warn:#F2A33A; --bar-bad:#FF6B61;
  --c1:#6B8FE0; --c5:#A9B4D0;
  --pill-bg:#2C2E2B; --pill-line:#5F5821; --shrink-bg:#122A44; --shrink-line:#0E4C71; --acad-bg:#122A30; --acad-line:#0E4C2F;
}