:root{
/* Ground + ink */
--color-bg:#eaf1f9;
--color-surface:#d7e5f4;
--color-text:#0f2138;
--color-accent:#2a5296;
--color-accent-2:#157cae;
--color-divider:color-mix(in srgb,#0f2138 16%,transparent);
/* Neutral ramp — cool, blue-tinted, never grey */
--color-neutral-100:#f4f8fc;
--color-neutral-200:#e4edf7;
--color-neutral-300:#cddcec;
--color-neutral-400:#a5bcd6;
--color-neutral-500:#7e99b8;
--color-neutral-600:#5c7799;
--color-neutral-700:#42597a;
--color-neutral-800:#2b3f5b;
--color-neutral-900:#17293e;
/* Accent ramp — navy (modelled / derived / chrome) */
--color-accent-100:#e8eefa;
--color-accent-200:#cfdcf3;
--color-accent-300:#a8bfe6;
--color-accent-400:#6f92cf;
--color-accent-500:#3f6cb5;
--color-accent-600:#2a5296;
--color-accent-700:#1c3d75;
--color-accent-800:#142c56;
--color-accent-900:#0d1d3a;
/* Accent-2 ramp — cyan-blue (observed / actual / positive) */
--color-accent-2-100:#e6f6fd;
--color-accent-2-200:#c9eafa;
--color-accent-2-300:#9ad7f1;
--color-accent-2-400:#5cbde4;
--color-accent-2-500:#2ba0cf;
--color-accent-2-600:#1e8ab8;
--color-accent-2-700:#157cae;
--color-accent-2-800:#0b4a6c;
--color-accent-2-900:#07304a;
/* Semantic aliases */
--surface-page:var(--color-bg);
--surface-card:var(--color-neutral-100);
--surface-sunken:var(--color-neutral-200);
--surface-tint-navy:var(--color-accent-100);
--surface-tint-cyan:var(--color-accent-2-100);
--border-hairline:var(--color-divider);
--border-tint-navy:var(--color-accent-200);
--border-tint-cyan:var(--color-accent-2-200);
--text-body:var(--color-neutral-800);
--text-muted:var(--color-neutral-700);
--text-faint:var(--color-neutral-600);
--text-ink:var(--color-text);
--text-figure-observed:var(--color-accent-2-800);
--text-figure-modelled:var(--color-accent-700);
--data-observed:var(--color-accent-2-700);
--data-modelled:var(--color-accent-800);
--data-gridline:var(--color-neutral-300);
--data-baseline:var(--color-neutral-500);
--data-axis:var(--color-neutral-600);
--interactive-fill:var(--color-accent);
--interactive-fill-hover:var(--color-accent-700);
--focus-ring:var(--color-accent);
}