/* The shared palette. Served at /tokens.css by the one process behind both screens.

   This file is the agreement: every token here carries the same value in every
   page that uses it, checked across the board's eight pages and the desk's
   stylesheet. Change a colour here and both screens follow.

   Each page still declares its own :root after linking this, so a page keeping a
   different value for a token keeps it -- three of them do, and they are listed
   at the bottom. Nothing here overrides a page; this is the floor, not the law.

   Blue is the Democrat and red the Republican, everywhere, on every chart and
   every row. Green is a bid and red an offer on the desk, which is the one place
   those two colours mean money rather than a party. */

:root {
  color-scheme: dark;
  --paper: #0B0E13;
  --surface: #13171E;
  --surface-2: #1A1F28;
  --sunk: #1D242E;
  --ink: #E6EBF2;
  --muted: #8A94A6;
  --faint: #5A6472;
  --line: #252E3A;
  --dem: #4E8EE0;
  --rep: #E06050;
  --ind: #A797D4;
  --ok: #4CC88A;
  --warn: #E0A040;
  --f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
}

/* Deliberately not here, because the pages disagree and the difference is real:

     --f-body   the board's long-form pages add -apple-system ahead of Segoe UI
     --hot      a heat scale on /anomalies, a slime grade on /slime
     --shadow   a flat 1px on the dense tables, a lifted 8px on the card layouts

   Each page declares its own. Folding them together is a change to how those
   pages look, so it wants eyes on the pages, not a find and replace. */