/* Design tokens for the whole site: "The River Forecast" (see DESIGN.md at the repo root).
   The home page (web/) and the area pages (framework/, which links this file in as src/tokens.css) both use
   these, so the two look like one site. The fonts are declared in fonts.css (home) and in the Framework config
   head (area pages), not here: Framework bundles this file and can't resolve the site's /fonts/ paths. Light by default; dark follows the device setting.
   Red (--spill) only ever means "spilling now", ochre (--recent) only "spilled in the last 48 hours". */


:root {
  --text: "Atkinson Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --call: "Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;

  --paper: #f3f6f8;
  --paper-2: #e6ecf1;
  --ink: #14213d;
  --ink-2: #46536a;
  --rule: #cfd4da;
  --rule-strong: #14213d;
  --spill: #b4122b;
  --recent: #855400;
  --nodata: #5f6b7a;
  --clear: #46536a;
  --water: #9db4c7;
  --water-strong: #2f5f86;
  --focus: #2f5f86;
  --flash: #fff1c2;
  --map-ground: #d0dae4;
  --area-plain: #f8fafb;
  --area-recent: #f0d9a8;
  --area-spill: #f2bcc3;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0d1626;
    --paper-2: #142035;
    --ink: #e7ecf3;
    --ink-2: #a9b5c6;
    --rule: #2a3953;
    --rule-strong: #e7ecf3;
    --spill: #ff6f73;
    --recent: #e8ad45;
    --nodata: #93a0b2;
    --clear: #a9b5c6;
    --water: #2c4865;
    --water-strong: #8bb7dc;
    --focus: #8bb7dc;
    --flash: #3a3315;
    color-scheme: dark;
  }
}