/* ==========================================================================
   DESIGN TOKENS (premium pass, 25 Oct 2026): navy + white + ONE accent (teal).
   styles.css only reads these variables. Light only (v4).
   Amber (--late*) and red (--danger) are status colours only, never decoration.
   ========================================================================== */
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
/* Metric-matched fallback so the swap to Inter doesn't shift the layout (Theo R3, CLS) */
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
:root{
  color-scheme:light;
  /* Navy + white */
  --navy:#0B1F3A;           /* brand navy: hero, headings, primary ink */
  --navy-2:#132B4F;         /* raised navy surfaces */
  --navy-line:#24406B;      /* hairlines on navy */
  --on-navy:#FFFFFF;
  --on-navy-muted:#C9D4E5;  /* 10.9:1 on --navy */
  --ground:#F7F9FC;
  --ink:#0B1F3A;
  --muted:#3E4D63;          /* v4: 8.6:1 on white, 8.2:1 on #F7F9FC */
  --card:#FFFFFF;
  --card-line:#E2E8F0;
  --line:#E2E8F0;
  --line-strong:#7A889E;    /* input borders, 3.5:1 on white */
  --surface:#F1F5F9;        /* quiet panels, table heads */
  --surface-2:#EEF2F7;
  /* The ONE accent */
  --accent:#0F766E;         /* buttons, focus, highlights. White text 5.5:1 */
  --accent-strong:#0B5E58;  /* hover, accent text on white 7.6:1 */
  --accent-ink:#FFFFFF;
  --accent-soft:#E7F5F3;
  --accent-line:#A8D9D2;
  --accent-bright:#5EEAD4;  /* same hue, used on navy only (11:1 on --navy) */
  /* Status only */
  --late:#B45309;
  --late-ink:#7C3A06;
  --late-soft:#FEF4E6;
  --late-line:#F3CF9C;
  --danger:#B42318;
  --danger-ink:#7A1610;
  --danger-soft:#FDECEA;
  --note-soft:#F5F7FA;
  /* legacy aliases */
  --bg:var(--card);--brand:var(--accent);--brand-2:var(--accent-strong);--brand-ink:var(--accent-ink);

  /* Type: one family, refined scale (1.25) */
  --font:"Inter","Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font);
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-body:16px;
  --fs-lede:1.125rem;
  --fs-h1:2rem;             /* 32 mobile */
  --fs-h1-lg:3rem;          /* 48 desktop */
  --fs-h2:1.5rem;           /* 24 */
  --fs-h2-lg:2.5rem;        /* 40 */
  --fs-h3:1.125rem;
  --fs-result:2rem;
  --lh-body:1.6;
  --lh-tight:1.1;
  --weight-display:700;

  /* Spacing: strict 8px grid */
  --sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:40px;--sp-6:48px;--sp-7:56px;--sp-8:64px;--sp-10:80px;--sp-12:96px;--sp-14:112px;
  --half:4px;
  --section-y:64px;
  --section-y-lg:112px;
  --max:1200px;
  --max-prose:680px;

  /* Shape + depth */
  --radius:16px;
  --radius-sm:8px;
  --radius-pill:999px;
  --card-pad:24px;
  --shadow-sm:0 1px 2px rgba(11,31,58,.06);
  --shadow:0 1px 2px rgba(11,31,58,.04),0 8px 24px rgba(11,31,58,.08);
  --shadow-md:0 2px 4px rgba(11,31,58,.05),0 12px 32px rgba(11,31,58,.12);
  --shadow-lg:0 2px 4px rgba(11,31,58,.06),0 24px 48px rgba(11,31,58,.16);
  --focus-ring:0 0 0 2px var(--ground),0 0 0 4px var(--accent);
  --tap:44px;
  --input-h:48px;
}
/* v4 (25 Oct 2026): light only, per the redesign-v4 visual system (§8). The dark palette was removed with the v4 tokens. */