/* Generated by scripts/design-tokens.py from design/tokens.json. Do not edit. */

:root {
  color-scheme: light dark;
  --brand: #0a7d55;
  --on-brand: #ffffff;
  --brand-tint: #e3f4ec;
  --brand-strong: #076144;
  --guide: #075e40;
  --on-guide: #ffffff;
  --caution: #f5a524;
  --on-caution: #241500;
  --label: #111614;
  --label-secondary: #5b6460;
  --background: #ffffff;
  --background-grouped: #f2f4f3;
  --surface-raised: #ffffff;
  --separator: #dde2df;
  --control-border: #8a938f;
  --lane-protected: #0a7d55;
  --lane-painted: #2563eb;
  --lane-shared: #b87500;
  --lane-none: #6b7280;
  --walk: #7c3aed;
  --route-alternate: #9aa6b2;
  --you: #007aff;
  --pin-destination: #d93a3f;
  --stock-ok: #0a7d55;
  --stock-low: #c27a00;
  --stock-low-text: #9a5b00;
  --stock-empty: #c9252b;
  --stock-off: #7a8480;
  --focus: #0a7d55;
  --shadow-float: 0 1px 2px rgba(17,22,20,0.08), 0 8px 24px rgba(17,22,20,0.10);
  --shadow-marker: 0 1px 3px rgba(0,0,0,0.35);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-24: 96px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --font-display: "Instrument Sans", "Noto Sans", system-ui, sans-serif;
  --font-text: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
}

@media (prefers-color-scheme: dark) { :root {
  --brand: #3ccf95;
  --on-brand: #04291c;
  --brand-tint: #10291f;
  --brand-strong: #7fe3b9;
  --guide: #0a6a47;
  --on-guide: #ffffff;
  --caution: #f5a524;
  --on-caution: #241500;
  --label: #f2f5f3;
  --label-secondary: #a3aba7;
  --background: #0b0f0d;
  --background-grouped: #151a17;
  --surface-raised: #1c2320;
  --separator: #2a322e;
  --control-border: #6f7873;
  --lane-protected: #3ccf95;
  --lane-painted: #6ea0ff;
  --lane-shared: #f2b33d;
  --lane-none: #9aa1ac;
  --walk: #b794ff;
  --route-alternate: #5e6873;
  --you: #0a84ff;
  --pin-destination: #ff6369;
  --stock-ok: #3ccf95;
  --stock-low: #f5b941;
  --stock-low-text: #f5b941;
  --stock-empty: #ff6b6f;
  --stock-off: #7a8480;
  --focus: #3ccf95;
  --shadow-float: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.45);
} }

@media (prefers-contrast: more) { :root {
  --brand: #085e40;
  --on-brand: #ffffff;
  --brand-tint: #e3f4ec;
  --brand-strong: #075c41;
  --guide: #054a32;
  --on-guide: #ffffff;
  --caution: #f5a524;
  --on-caution: #1a0f00;
  --label: #000000;
  --label-secondary: #4c5451;
  --background: #ffffff;
  --background-grouped: #f2f4f3;
  --surface-raised: #ffffff;
  --separator: #7e9186;
  --control-border: #68706d;
  --lane-protected: #085e40;
  --lane-painted: #2563eb;
  --lane-shared: #996200;
  --lane-none: #686e7c;
  --walk: #7c3aed;
  --route-alternate: #7d8c9c;
  --you: #006ade;
  --pin-destination: #d3292e;
  --stock-ok: #085e40;
  --stock-low: #c27a00;
  --stock-low-text: #764600;
  --stock-empty: #9e1d22;
  --stock-off: #68706d;
  --focus: #085e40;
} }

@media (prefers-color-scheme: dark) and (prefers-contrast: more) { :root {
  --brand: #3ccf95;
  --on-brand: #03200f;
  --brand-tint: #0b2219;
  --brand-strong: #7fe3b9;
  --guide: #0a6544;
  --on-guide: #ffffff;
  --caution: #f5b941;
  --on-caution: #1a0f00;
  --label: #ffffff;
  --label-secondary: #a3aba7;
  --background: #000000;
  --background-grouped: #0b0f0d;
  --surface-raised: #151a17;
  --separator: #596961;
  --control-border: #7a847e;
  --lane-protected: #3ccf95;
  --lane-painted: #6ea0ff;
  --lane-shared: #f2b33d;
  --lane-none: #9aa1ac;
  --walk: #b794ff;
  --route-alternate: #606b76;
  --you: #0d85ff;
  --pin-destination: #ff6369;
  --stock-ok: #3ccf95;
  --stock-low: #f5b941;
  --stock-low-text: #f5b941;
  --stock-empty: #ff878a;
  --stock-off: #7f8985;
  --focus: #3ccf95;
} }