/* Generated from site/styles/tokens.mjs. Do not edit. */
:root {
  color-scheme: light;
  --bg: #e9ebe8;
  --panel: #ffffff;
  --raise: #f2f4f1;
  --panel-hover: #f0f2ee;
  --panel-active: #e4e7e2;
  --ink: #17191a;
  --muted: #565b57;
  --line: #d2d6d1;
  --field-border: #6c726d;
  --guide: #222624;
  --guide-hover: #2e3330;
  --guide-active: #151816;
  --guide-text: #2b302d;
  --signal: #c0380f;
  --signal-field: #b8350e;
  --signal-text: #a93009;
  --service: #1f5496;
  --service-field: #1f5496;
  --learn-text: #6a4322;
  --learn-field: #6a4322;
  --work-zone: #f08a1c;
  --work-zone-text: #8c4000;
  --warning: #ffcd00;
  --warning-text: #75570a;
  --stop: #ad2318;
  --ok: #196b3c;
  --focus: #18406f;
  --legend-white: #ffffff;
  --legend-black: #131313;
  --series-measured: #222624;
  --series-whatif: #c0380f;
  --heat-0: #dfe3e6;
  --heat-1: #b9c3cc;
  --heat-2: #90a2b1;
  --heat-3: #688296;
  --heat-4: #41637c;
  --heat-5: #1c4461;
  --shadow: rgba(12,14,13,.16);
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --r-field: 6px;
  --r-sign: 10px;
  --r-pill: 999px;
  --fast: 150ms; --med: 220ms; --slow: 400ms; --ease: cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #141615;
    --panel: #1f2221;
    --raise: #282c2a;
    --panel-hover: #262a28;
    --panel-active: #313633;
    --ink: #e9ebe8;
    --muted: #a0a6a1;
    --line: #343836;
    --field-border: #767d78;
    --guide: #222624;
    --guide-hover: #2e3330;
    --guide-active: #151816;
    --guide-text: #c3cac5;
    --signal: #ff7043;
    --signal-field: #b8350e;
    --signal-text: #ff8255;
    --service: #8fb6f2;
    --service-field: #1f5496;
    --learn-text: #d8a87c;
    --learn-field: #6a4322;
    --work-zone: #f08a1c;
    --work-zone-text: #ffa552;
    --warning: #ffcd00;
    --warning-text: #ffd84d;
    --stop: #ff8d80;
    --ok: #5fd394;
    --focus: #ff8f63;
    --legend-white: #ffffff;
    --legend-black: #131313;
    --series-measured: #c3cac5;
    --series-whatif: #ff7043;
    --heat-0: #1c4461;
    --heat-1: #41637c;
    --heat-2: #688296;
    --heat-3: #90a2b1;
    --heat-4: #b9c3cc;
    --heat-5: #dfe3e6;
    --shadow: rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #141615;
  --panel: #1f2221;
  --raise: #282c2a;
  --panel-hover: #262a28;
  --panel-active: #313633;
  --ink: #e9ebe8;
  --muted: #a0a6a1;
  --line: #343836;
  --field-border: #767d78;
  --guide: #222624;
  --guide-hover: #2e3330;
  --guide-active: #151816;
  --guide-text: #c3cac5;
  --signal: #ff7043;
  --signal-field: #b8350e;
  --signal-text: #ff8255;
  --service: #8fb6f2;
  --service-field: #1f5496;
  --learn-text: #d8a87c;
  --learn-field: #6a4322;
  --work-zone: #f08a1c;
  --work-zone-text: #ffa552;
  --warning: #ffcd00;
  --warning-text: #ffd84d;
  --stop: #ff8d80;
  --ok: #5fd394;
  --focus: #ff8f63;
  --legend-white: #ffffff;
  --legend-black: #131313;
  --series-measured: #c3cac5;
  --series-whatif: #ff7043;
  --heat-0: #1c4461;
  --heat-1: #41637c;
  --heat-2: #688296;
  --heat-3: #90a2b1;
  --heat-4: #b9c3cc;
  --heat-5: #dfe3e6;
  --shadow: rgba(0,0,0,.55);
}