/* GENERATED by scripts/build_map_tokens.py — edit app/web/map_tokens.json, not this file.
   Regenerate: python scripts/build_map_tokens.py
   Not a build step (CLAUDE.md rule 7): this is run by hand and the output is checked in. */

:root {
  --map-land: #fbfcfe;
  --map-water: #dcebff;
  --map-park: #e7f8ef;
  --map-road: #e6ecf3;
  --map-label: #14202e;
  --map-route: #0f6fff;
  --map-stay: #b8791a;
  --map-venue: #c83c2f;
  --map-station: #5a6675;
  --map-area-fill: #eef4ff;
  --map-area-edge: #0a4fc2;
  --map-fit-1: #eef4ff;
  --map-fit-2: #a4c8ff;
  --map-fit-3: #599bff;
  --map-fit-4: #0f6fff;
  --map-count-1: #fff1e3;
  --map-count-2: #fbd9a6;
  --map-count-3: #f8c168;
  --map-count-4: #f4a92b;
  --map-dash-estimated: 6 4;
}

/* §8's dark counterparts. Scoped to an explicit attribute rather than a
   `prefers-color-scheme` media query, because this app has no dark theme yet and a media
   query would re-colour every page for anyone whose OS is dark. Nothing sets this attribute
   today; the SVG renderers pass a theme explicitly. */

[data-theme="dark"] {
  --map-land: #101820;
  --map-water: #14283f;
  --map-park: #14251d;
  --map-road: #3a4a5e;
  --map-label: #dce6f0;
  --map-route: #6aa8ff;
  --map-stay: #f4a92b;
  --map-venue: #ff8a7d;
  --map-station: #9fb0c0;
  --map-area-fill: #1b2b45;
  --map-area-edge: #6aa8ff;
  --map-fit-1: #16263a;
  --map-fit-2: #32517c;
  --map-fit-3: #4e7dbd;
  --map-fit-4: #6aa8ff;
  --map-count-1: #2a2113;
  --map-count-2: #6d4e1b;
  --map-count-3: #b17c23;
  --map-count-4: #f4a92b;
}