/* Glowfinder — generated from tokens.json */
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("fonts/atkinson-hyperlegible-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root, [data-theme="night"] {
  --surface: #0b1426;
  --surface-raised: #14213b;
  --surface-sunken: #070e1c;
  --surface-selected: #22345a;
  --night: #1b2b4d;
  --sky: #0b1426;
  --snow: #eef3fb;
  --snow-muted: #c9d3e4;
  --night-hover: rgba(238,243,251,0.12);
  --focus-on-night: #ffd27a;
  --line: #2c3d5e;
  --line-strong: #5a6f96;
  --ink: #eef3fb;
  --ink-muted: #a9b7cf;
  --glow: #f5b544;
  --on-glow: #1a1206;
  --glow-ink: #f8c76a;
  --glow-soft: #33270f;
  --glow-halo: rgba(245,181,68,0.18);
  --focus: #ffd27a;
  --danger: #ff9d8a;
  --ended: #6b7894;
  --scrim: rgba(7,14,28,0.64);
  --skeleton: #1d2c4b;
  --cat-lights: #f5b544;
  --cat-giving: #8fd0ef;
  --cat-events: #f2a7c3;
  --cat-shops: #dfe5ef;
  --on-cat: #0b1426;
  --map-land: #0e1a30;
  --map-road: #1f3050;
  --map-road-major: #2d4370;
  --map-water: #0a2342;
  --map-park: #122438;
  --map-label: #a9b7cf;
  --link: var(--glow-ink);
  --shadow-raised: 0 1px 0 #2c3d5e, 0 6px 16px rgba(0,0,0,0.35);
  --shadow-sheet: 0 -1px 0 #2c3d5e, 0 -10px 28px rgba(0,0,0,0.45);
  color-scheme: dark;
}

[data-theme="day"] {
  --surface: #f4f6fa;
  --surface-raised: #ffffff;
  --surface-sunken: #e6ebf3;
  --surface-selected: #e9eef8;
  --night: #1b2b4d;
  --sky: #0b1426;
  --snow: #eef3fb;
  --snow-muted: #c9d3e4;
  --night-hover: rgba(238,243,251,0.12);
  --focus-on-night: #ffd27a;
  --line: #cfd7e4;
  --line-strong: #707d96;
  --ink: #0b1426;
  --ink-muted: #46546e;
  --glow: #f2a93b;
  --on-glow: #1a1206;
  --glow-ink: #8a5200;
  --glow-soft: #fdf0d6;
  --glow-halo: rgba(242,169,59,0.22);
  --focus: #0b1426;
  --danger: #b3341f;
  --ended: #6b7894;
  --scrim: rgba(11,20,38,0.48);
  --skeleton: #dde3ee;
  --cat-lights: #f5b544;
  --cat-giving: #8fd0ef;
  --cat-events: #f2a7c3;
  --cat-shops: #dfe5ef;
  --on-cat: #0b1426;
  --map-land: #dde4ef;
  --map-road: #ffffff;
  --map-road-major: #c3cee0;
  --map-water: #b9d3ea;
  --map-park: #d2e0dc;
  --map-label: #46546e;
  --link: var(--glow-ink);
  --shadow-raised: 0 1px 2px rgba(11,20,38,0.08), 0 6px 16px rgba(11,20,38,0.08);
  --shadow-sheet: 0 -1px 0 #cfd7e4, 0 -10px 28px rgba(11,20,38,0.12);
  color-scheme: light;
}

:root {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px;
  --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
  --size-tap: 44px; --size-icon: 24px; --size-icon-sm: 16px; --size-pin: 40px;
  --size-list: 400px; --size-tray: 72px; --size-content: 720px;
  --z-map: 0; --z-float: 10; --z-tray: 20; --z-menu: 30; --z-modal: 40;
}
