/* ============================================================
   tokens.css — single source of truth for the visual language
   "Winning Is Just the Start" · Dutch Election System
   ============================================================ */
:root{
  /* national palette (the spine) */
  --red:#AE1C28; --blue:#21468B; --white:#FFFFFF; --orange:#FF6200;

  /* structure / neutrals */
  --navy:#15233F; --navy2:#1E2F52; --ink:#16203A; --body:#3A4256;
  --muted:#6A7488; --line:#DDD8CD; --paper:#F6F3EC; --tint-b:#EAF0FA;
  --tint-o:#FDEEE4; --gold:#E8A93C;

  /* party colours */
  --p-d66:#00A03E; --p-pvv:#11224F; --p-vvd:#1F6FD0; --p-glpvda:#C8102E;
  --p-cda:#1F8A70; --p-ja21:#27408B; --p-fvd:#7C1C2E; --p-bbb:#7FA80A;
  --p-denk:#00B0A6; --p-sgp:#E08A1E; --p-pvdd:#3E9B46; --p-cu:#3FA9DE;
  --p-sp:#E3001B; --p-50plus:#9B2D8E; --p-volt:#6B2FA0; --p-nsc:#9AA3B2;

  /* type scale (fluid) */
  --fs-hero:clamp(44px,8vw,96px);
  --fs-h2:clamp(28px,4.5vw,44px);
  --fs-kicker:14px;
  --fs-body:clamp(17px,2.2vw,21px);
  --fs-cap:14px;
  --fs-stat:clamp(40px,6vw,64px);

  /* metrics */
  --maxw:1100px;
  --pad:clamp(20px,5vw,80px);
  --ease:cubic-bezier(.22,.61,.36,1);
  --radius:16px;
  --stripe:8px;

  /* fonts */
  --font:"Inter","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
}