/* tokens.css — single source of truth for design tokens (LIGHT). Loaded by every page in before theme.css. Dark mode lives in theme.css (:root[data-theme="dark"]) and overrides these. Change a brand colour / font / spacing HERE and it updates the whole site. Both --color-signal* (glidepath/solutions template) and --color-secondary* (product/home pages) are kept as aliases of the same navy so no page breaks. */ :root{ /* surfaces */ --color-bg:#ECEFF3; --color-surface:#FFFFFF; --color-surface2:#E3E8EF; --color-border:#D8E0EC; --color-ink:#FFFFFF; /* brand */ --color-primary:#1663B0; --color-primary-hover:#0B2E63; --color-primary-dim:rgba(22,99,176,0.12); --color-secondary:#0B2E63; --color-secondary-dim:rgba(11,46,99,0.10); --color-signal:#0B2E63; --color-signal-dim:rgba(11,46,99,0.12); --color-success:#00D46A; /* text */ --color-text:#16202E; --color-text2:#5B6675; --color-text3:#8A96A6; /* type */ --font-display:'Instrument Sans',-apple-system,sans-serif; --font-body:'Inter Tight',-apple-system,sans-serif; --font-mono:'Geist Mono','JetBrains Mono','Courier New',monospace; /* layout + spacing */ --container:1200px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:40px; --space-2xl:64px; --space-3xl:96px; }