/* DiggerWatch — generated from tokens.json */
:root, [data-theme="sun"] {
  --ground: #ffffff;
  --ground-2: #f2f1ec;
  --ink: #111315;
  --ink-2: #3b4249;
  --ink-3: #555d66;
  --line: #6e767f;
  --hivis: #ffc400;
  --on-hivis: #111315;
  --orange: #ff6a13;
  --sign-blue: #0b4ea2;
  --sign-green: #00653a;
  --danger: #c4211a;
  --on-sign: #ffffff;
  --tier-everyday: #5a636d;
  --tier-common: #1e5bc6;
  --tier-special: #6a3fc4;
  --tier-rare: #e3a400;
  --focus: #0b4ea2;
  --scrim: #111315b3;
  --map-land: #f7efd8;
  --map-road: #ffffff;
  --map-road-casing: #e3cf9f;
  --map-water: #6cc3ea;
  --map-park: #a6d982;
  --map-building: #efe2bd;
  --sighting-fill: #ffc40066;
  --sighting-edge: #111315;
  --lift: 0 4px 0 0 #111315;
  --lift-lg: 0 6px 0 0 #111315;
  --float: 0 8px 24px rgba(17,19,21,0.28);
}
[data-theme="dusk"] {
  --ground: #15181b;
  --ground-2: #1f2327;
  --ink: #f5f6f2;
  --ink-2: #c9ced3;
  --ink-3: #a3aab2;
  --line: #8b939c;
  --hivis: #ffc400;
  --on-hivis: #111315;
  --orange: #ff7a2e;
  --sign-blue: #6ea8ff;
  --sign-green: #3fb27a;
  --danger: #ff6b5e;
  --on-sign: #15181b;
  --tier-everyday: #aab2bb;
  --tier-common: #7aa8ff;
  --tier-special: #b39bff;
  --tier-rare: #ffc84a;
  --focus: #ffc400;
  --scrim: #000000b3;
  --map-land: #23272b;
  --map-road: #3a3f45;
  --map-road-casing: #4d535a;
  --map-water: #1d3d4f;
  --map-park: #22392a;
  --map-building: #2c3035;
  --sighting-fill: #ffc40055;
  --sighting-edge: #ffc400;
  --lift: 0 4px 0 0 #000000;
  --lift-lg: 0 6px 0 0 #000000;
  --float: 0 8px 24px rgba(0,0,0,0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 12px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --tap-min: 56px;
  --tap-primary: 64px;
  --spotto: 112px;
  --tile: 104px;
  --side-button: 72px;
  --icon-sm: 28px;
  --icon-md: 56px;
  --icon-lg: 112px;
  --thumb-zone: 300px;
  --edge: 3px;
  --edge-heavy: 4px;
  --font-sans: "Overpass", "Arial Narrow", system-ui, sans-serif;
  --font-round: "Fredoka", "Overpass", system-ui, sans-serif;
  --font-mono: "Overpass Mono", ui-monospace, Menlo, monospace;
}
.shout { font-family: var(--font-round); font-size: 22px; line-height: 22px; font-weight: 700; letter-spacing: 0.01em; }
.display { font-family: var(--font-round); font-size: 44px; line-height: 46px; font-weight: 700; }
.headline { font-family: var(--font-round); font-size: 30px; line-height: 34px; font-weight: 700; }
.title { font-family: var(--font-round); font-size: 22px; line-height: 26px; font-weight: 600; }
.label { font-family: var(--font-round); font-size: 17px; line-height: 20px; font-weight: 600; }
.body-lg { font-family: var(--font-sans); font-size: 19px; line-height: 26px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 14px; line-height: 18px; font-weight: 600; }
.numeral { font-family: var(--font-sans); font-size: 44px; line-height: 44px; font-weight: 900; }
.tag { font-family: var(--font-mono); font-size: 14px; line-height: 18px; font-weight: 600; letter-spacing: 0.04em; }