/* Generated by tools/generate-site-css from design/tokens.json. Don't edit by hand. */

:root {
  color-scheme: light dark;
  --pc-cab-yellow: #f1b52a;
  --pc-cab-yellow-pressed: #d99a0f;
  --pc-on-cab-yellow: #141210;
  --pc-cab-yellow-soft: #fcefc9;
  --pc-amber-ink: #8a5a00;
  --pc-cab-black: #141210;
  --pc-asphalt: #231f20;
  --pc-surface: #f7f6f3;
  --pc-surface-raised: #ffffff;
  --pc-line: #e3e0d8;
  --pc-line-strong: #8c857a;
  --pc-ink: #141210;
  --pc-ink-muted: #5e5850;
  --pc-meter-housing: #1a1715;
  --pc-meter-led: #ffc23d;
  --pc-meter-ghost: #ffc23d1f;
  --pc-meter-label: #a39b8e;
  --pc-for-hire: #1e7a45;
  --pc-for-hire-soft: #ddf1e4;
  --pc-stop: #b8342a;
  --pc-on-stop: #ffffff;
  --pc-stop-pressed: #962a21;
  --pc-stop-soft: #fbe3df;
  --pc-receipt-paper: #fffdf8;
  --pc-receipt-ink: #2a2622;
  --pc-receipt-muted: #6b645b;
  --pc-focus-ring: #141210;
  --pc-link: #8a5a00;
  --pc-shadow-card: 0 1px 2px rgba(20,18,16,0.08), 0 2px 8px rgba(20,18,16,0.06);
  --pc-shadow-sign: 0 6px 0 #d99a0f, 0 10px 24px rgba(20,18,16,0.18);
  --pc-shadow-sign-stop: 0 6px 0 #962a21, 0 10px 24px rgba(20,18,16,0.18);
  --pc-shadow-receipt: 0 12px 28px rgba(20,18,16,0.22);
  --pc-space-1: 4px;
  --pc-space-2: 8px;
  --pc-space-3: 12px;
  --pc-space-4: 16px;
  --pc-space-6: 24px;
  --pc-space-8: 32px;
  --pc-space-12: 48px;
  --pc-space-16: 64px;
  --pc-radius-sm: 6px;
  --pc-radius-md: 12px;
  --pc-radius-lg: 20px;
  --pc-radius-sign: 28px;
  --pc-radius-pill: 999px;
  --pc-tap-min: 48px;
  --pc-sign-height: 96px;
  --pc-checker-cell: 8px;
  --pc-family-display: "Big Shoulders", "Arial Narrow", sans-serif;
  --pc-family-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --pc-family-meter: "DSEG7 Classic", ui-monospace, monospace;
  --pc-family-receipt: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --pc-font-display-xl: 900 72px/68px var(--pc-family-display);
  --pc-font-display: 900 40px/40px var(--pc-family-display);
  --pc-font-title: 800 26px/28px var(--pc-family-display);
  --pc-font-label-caps: 800 13px/16px var(--pc-family-display);
  --pc-font-headline: 600 20px/26px var(--pc-family-ui);
  --pc-font-body: 400 17px/24px var(--pc-family-ui);
  --pc-font-body-sm: 400 15px/20px var(--pc-family-ui);
  --pc-font-caption: 500 13px/18px var(--pc-family-ui);
  --pc-font-meter-xl: 700 64px/64px var(--pc-family-meter);
  --pc-font-meter-md: 700 30px/32px var(--pc-family-meter);
  --pc-font-receipt: 400 13px/19px var(--pc-family-receipt);
  --pc-font-receipt-total: 600 18px/24px var(--pc-family-receipt);
}

@media (prefers-color-scheme: dark) {
  :root {
    --pc-cab-yellow: #f1b52a;
    --pc-cab-yellow-pressed: #ffc94d;
    --pc-on-cab-yellow: #141210;
    --pc-cab-yellow-soft: #3a2e10;
    --pc-amber-ink: #f1b52a;
    --pc-cab-black: #0b0a09;
    --pc-asphalt: #231f20;
    --pc-surface: #121110;
    --pc-surface-raised: #1d1b19;
    --pc-line: #34302c;
    --pc-line-strong: #766f66;
    --pc-ink: #f3f1ec;
    --pc-ink-muted: #b0a99e;
    --pc-meter-housing: #1a1715;
    --pc-meter-led: #ffc23d;
    --pc-meter-ghost: #ffc23d1f;
    --pc-meter-label: #a39b8e;
    --pc-for-hire: #5bd08a;
    --pc-for-hire-soft: #143322;
    --pc-stop: #ff7a6b;
    --pc-on-stop: #141210;
    --pc-stop-pressed: #ff9486;
    --pc-stop-soft: #3d1712;
    --pc-receipt-paper: #efebe3;
    --pc-receipt-ink: #2a2622;
    --pc-receipt-muted: #6b645b;
    --pc-focus-ring: #f1b52a;
    --pc-link: #f1b52a;
    --pc-shadow-card: 0 1px 2px rgba(0,0,0,0.5);
    --pc-shadow-sign: 0 6px 0 #b8820a, 0 10px 24px rgba(0,0,0,0.5);
    --pc-shadow-sign-stop: 0 6px 0 #c4483b, 0 10px 24px rgba(0,0,0,0.5);
  }
}