/* Generated by pnpm tokens:gen from DESIGN.md. Do not edit. */
:root {
  --color-surface: #FFFFFF;
  --color-surface-raised: #F5F6F7;
  --color-line: #D9DDE1;
  --color-ink: #101418;
  --color-ink-muted: #5B6470;
  --color-ink-faint: #8B94A0;
  --color-accent: #0B6FB8;
  --color-accent-ink: #FFFFFF;
  --color-accent-soft: #E6F0F9;
  --color-go: #1E7F4F;
  --color-wait: #B7791F;
  --color-stop: #C0392B;
  --brand-yellow: #FFC800;
  --brand-ink: #3A3F44;
  --brand-blue: #2E86D6;
  --font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --type-fare-size: 44px;
  --type-fare-line: 48px;
  --type-fare-weight: 600;
  --type-fare-tracking: -0.02em;
  --type-title-size: 28px;
  --type-title-line: 34px;
  --type-title-weight: 600;
  --type-title-tracking: -0.01em;
  --type-heading-size: 20px;
  --type-heading-line: 26px;
  --type-heading-weight: 600;
  --type-heading-tracking: 0em;
  --type-body-size: 17px;
  --type-body-line: 24px;
  --type-body-weight: 400;
  --type-body-tracking: 0em;
  --type-body-strong-size: 17px;
  --type-body-strong-line: 24px;
  --type-body-strong-weight: 500;
  --type-body-strong-tracking: 0em;
  --type-meta-size: 15px;
  --type-meta-line: 20px;
  --type-meta-weight: 400;
  --type-meta-tracking: 0em;
  --type-caption-size: 13px;
  --type-caption-line: 18px;
  --type-caption-weight: 400;
  --type-caption-tracking: 0em;
  --type-plate-size: 20px;
  --type-plate-line: 24px;
  --type-plate-weight: 500;
  --type-plate-tracking: 0.06em;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-control: 6px;
  --radius-container: 12px;
  --radius-sheet: 20px;
  --gutter-mobile: 20px;
  --gutter-desktop: 32px;
  --row-height-touch: 56px;
  --row-height-table: 44px;
  --touch-target: 48px;
  --button-height-mobile: 56px;
  --button-height-desktop: 44px;
  --shadow-sheet: 0 8px 24px rgba(16, 20, 24, 0.12);
  --motion-sheet-snap: 240ms;
  --motion-crossfade: 180ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-surface: #0F1216;
    --color-surface-raised: #171B21;
    --color-line: #2A3038;
    --color-ink: #F2F4F6;
    --color-ink-muted: #A3ACB8;
    --color-ink-faint: #6B7480;
    --color-accent: #4C9EE3;
    --color-accent-ink: #0F1216;
    --color-accent-soft: #16304A;
    --color-go: #3FA870;
    --color-wait: #D19A3C;
    --color-stop: #E05A4B;
  }
}

:root[data-theme="dark"] {
  --color-surface: #0F1216;
  --color-surface-raised: #171B21;
  --color-line: #2A3038;
  --color-ink: #F2F4F6;
  --color-ink-muted: #A3ACB8;
  --color-ink-faint: #6B7480;
  --color-accent: #4C9EE3;
  --color-accent-ink: #0F1216;
  --color-accent-soft: #16304A;
  --color-go: #3FA870;
  --color-wait: #D19A3C;
  --color-stop: #E05A4B;
}