/* GENERATED by tools/gen-theme.mjs from packages/tokens/src/tokens.json. Do not edit; change the JSON and run `pnpm theme:gen`. */
:root {
  --btw-color-ink: #151C2C;
  --btw-color-t2: #5F6672;
  --btw-color-t3: #9AA0AB;
  --btw-color-fill: #F5F5F2;
  --btw-color-fill2: #EDEDE8;
  --btw-color-line: #ECECE8;
  --btw-color-sunsoft: #FFF4D6;
  --btw-color-sunink: #8A5D00;
  --btw-color-togtrack: #151C2C;
  --btw-color-togknob: #FFC23D;
  --btw-color-hero: #151C2C;
  --btw-color-onhero: #FFFFFF;
  --btw-color-page: #FFFFFF;
  --btw-color-page0: rgba(255,255,255,0);
  --btw-color-card: #FFFFFF;
  --btw-color-onprimary: #FFFFFF;
  --btw-color-pin: #FFFFFF;
  --btw-color-radio: #C9CCD2;
  --btw-color-grab: #E2E2DE;
  --btw-color-tabbg: rgba(255,255,255,.96);
  --btw-color-land: #F1F0EB;
  --btw-color-road: #FFFFFF;
  --btw-color-road2: #F8F8F5;
  --btw-color-park: #E3EBDC;
  --btw-color-water: #DCE7EE;
  --btw-color-fwyedge: #E4E2DB;
  --btw-color-label2: #B7BBC3;
  --btw-color-passline: #C3C8D1;
  --btw-color-stage1: #FBFAF6;
  --btw-color-stage2: #EFEEE8;
  --btw-color-deliv1: #FFF8E4;
  --btw-color-delivsh: rgba(138,93,0,.25);
  --btw-color-sun: #FFC23D;
  --btw-color-onsun: #151C2C;
  --btw-color-error: #C8373D;
  --btw-color-errorsoft: #FCEDED;
  --btw-color-scrim: rgba(21,28,44,.40);
  --btw-color-qrplate: #FFFFFF;
  --btw-color-maplabel: #9AA0AB;
  --btw-color-maphalo: #F1F0EB;
  --btw-color-building: #E8E6DF;
  --btw-color-rail: #C9CCD2;
  --btw-color-attribbg: rgba(255,255,255,.82);
  --btw-shadow-raised: 0 1px 2px rgba(21,28,44,.05), 0 12px 32px -14px rgba(21,28,44,.22);
  --btw-shadow-sheet-shadow: 0 -10px 40px rgba(21,28,44,.10);
  --btw-shadow-float-shadow: 0 2px 10px rgba(21,28,44,.12);
  --btw-shadow-segment-shadow: 0 1px 3px rgba(21,28,44,.12);
  --btw-shadow-knob-shadow: 0 1px 2px rgba(21,28,44,.2);
  --btw-shadow-chip-shadow: 0 1px 3px rgba(21,28,44,.12);
  --btw-space-margin: 24px;
  --btw-space-section: 32px;
  --btw-radius-option: 18px;
  --btw-radius-tile: 24px;
  --btw-radius-card: 22px;
  --btw-radius-sheet: 28px;
  --btw-radius-button: 999px;
  --btw-radius-chip: 999px;
  --btw-radius-input: 16px;
  --btw-radius-icon-tile: 12px;
  --btw-size-button: 56px;
  --btw-size-option: 64px;
  --btw-size-tap: 44px;
  --btw-layout-phone-frame-width: 390px;
  --btw-layout-phone-frame-height: 844px;
  --btw-layout-phone-status-bar: 44px;
  --btw-layout-phone-top-bar: 52px;
  --btw-layout-phone-floating-back-top: 54px;
  --btw-layout-phone-margin: 24px;
  --btw-layout-phone-section: 32px;
  --btw-layout-phone-primary-button: 56px;
  --btw-layout-phone-tab-bar: 86px;
  --btw-layout-phone-tab-bar-pad-top: 6px;
  --btw-layout-phone-tab-bar-pad-x: 16px;
  --btw-layout-phone-tab-bar-pad-bottom: 26px;
  --btw-layout-phone-sheet-radius: 28px;
  --btw-layout-phone-sheet-pad-top: 22px;
  --btw-layout-phone-sheet-pad-x: 24px;
  --btw-layout-phone-sheet-pad-bottom: 30px;
  --btw-layout-phone-sheet-grabber-width: 36px;
  --btw-layout-phone-sheet-grabber-height: 4px;
  --btw-layout-phone-sheet-grabber-top: 8px;
  --btw-layout-tablet-frame-width: 834px;
  --btw-layout-tablet-frame-height: 1194px;
  --btw-layout-tablet-rail-width: 88px;
  --btw-layout-tablet-rail-pad-top: 34px;
  --btw-layout-tablet-rail-pad-x: 12px;
  --btw-layout-tablet-rail-pad-bottom: 24px;
  --btw-layout-tablet-rail-action: 56px;
  --btw-layout-tablet-rail-action-gap: 18px;
  --btw-layout-tablet-rail-item-width: 64px;
  --btw-layout-tablet-rail-item-height: 60px;
  --btw-layout-tablet-rail-item-radius: 16px;
  --btw-layout-tablet-rail-gap: 10px;
  --btw-layout-tablet-column-width: 600px;
  --btw-layout-tablet-column-pad-top: 56px;
  --btw-layout-tablet-column-pad-bottom: 40px;
  --btw-layout-tablet-map-live: 600px;
  --btw-layout-tablet-map-track: 640px;
  --btw-layout-tablet-sheet-radius: 32px;
  --btw-layout-tablet-sheet-top-live: 520px;
  --btw-layout-tablet-sheet-top-track: 580px;
  --btw-layout-web-frame-width: 1440px;
  --btw-layout-web-frame-height: 900px;
  --btw-layout-web-sidebar-width: 248px;
  --btw-layout-web-sidebar-pad-top: 26px;
  --btw-layout-web-sidebar-pad-x: 18px;
  --btw-layout-web-sidebar-pad-bottom: 22px;
  --btw-layout-web-sidebar-gap: 22px;
  --btw-layout-web-sidebar-door-button: 46px;
  --btw-layout-web-sidebar-nav-item-height: 44px;
  --btw-layout-web-sidebar-nav-item-radius: 12px;
  --btw-layout-web-column-pad-y: 40px;
  --btw-layout-web-column-pad-x: 48px;
  --btw-layout-web-column-width-home: 640px;
  --btw-layout-web-column-width-fetch: 700px;
  --btw-layout-web-column-width-live: 760px;
  --btw-layout-web-column-width-track: 620px;
  --btw-layout-web-column-width-trips: 620px;
  --btw-layout-web-column-width-travel: 640px;
  --btw-layout-web-panel-gutter: 24px;
  --btw-layout-web-panel-radius: 28px;
  --btw-layout-web-dialog-width: 520px;
  --btw-layout-web-dialog-pad: 28px;
  --btw-layout-web-dialog-radius: 28px;
  --btw-layout-web-sign-up-art: 720px;
  --btw-layout-web-sign-up-form: 420px;
  --btw-font-display: 'Bricolage Grotesque';
  --btw-font-body: 'Geist';
  --btw-font-code: 'Geist Mono';
  --btw-type-question-size: 30px;
  --btw-type-question-weight: 600;
  --btw-type-question-large-size: 32px;
  --btw-type-question-large-weight: 600;
  --btw-type-sheet-title-size: 26px;
  --btw-type-sheet-title-weight: 600;
  --btw-type-web-question-size: 36px;
  --btw-type-web-question-weight: 600;
  --btw-type-label-size: 16px;
  --btw-type-label-weight: 600;
  --btw-type-body-size: 16px;
  --btw-type-body-weight: 400;
  --btw-type-meta-size: 14px;
  --btw-type-meta-weight: 400;
  --btw-type-caption-size: 13px;
  --btw-type-caption-weight: 400;
  --btw-type-button-size: 17px;
  --btw-type-button-weight: 600;
  --btw-type-price-weight: 600;
  --btw-type-code-size: 40px;
  --btw-motion-travel: cubic-bezier(.33,0,.2,1);
  --btw-motion-settle: cubic-bezier(.22,1,.36,1);
  --btw-motion-leave: cubic-bezier(.4,0,1,1);
  --btw-motion-linear: linear;
  --btw-motion-touch-in: 90ms;
  --btw-motion-touch-out: 200ms;
  --btw-motion-swap: 160ms;
  --btw-motion-select: 220ms;
  --btw-motion-hand-off: 420ms;
  --btw-motion-hand-off-stagger: 70ms;
  --btw-motion-your-move: 380ms;
  --btw-motion-glint: 900ms;
  --btw-motion-close-the-loop: 600ms;
  --btw-motion-release: 900ms;
  --btw-motion-ping: 2000ms;
  --btw-motion-passing: 1600ms;
  --btw-motion-looking: 1200ms;
  --btw-motion-looking-stagger: 150ms;
  --btw-motion-loading: 1400ms;
  --btw-motion-loading-sentence-after: 400ms;
  --btw-motion-reduced-fade: 200ms;
  --btw-motion-hand-off: 28px;
  --btw-motion-swap: 6px;
  --btw-motion-your-move: 20px;
  --btw-motion-card-lift: 1px;
  --btw-motion-scale-pill: 0.97;
  --btw-motion-scale-card: 0.985;
  --btw-motion-scale-chip: 0.94;
  --btw-motion-scale-icon-button: 0.94;
  --btw-motion-scale-tab-icon: 0.86;
  --btw-motion-scale-ping-to: 3;
  --btw-motion-scale-close-the-loop-from: 0.6;
  --btw-motion-ink-on-light-press: rgba(21,28,44,.07);
  --btw-motion-ink-on-light-hover: rgba(21,28,44,.035);
  --btw-motion-ink-on-navy-press: rgba(255,255,255,.12);
  --btw-motion-ink-on-navy-hover: rgba(255,255,255,.06);
  --btw-motion-ink-focus-ring-light: #151C2C;
  --btw-motion-ink-focus-ring-dark: #F2F4F8;
  --btw-motion-ink-focus-ring-on-hero: #FFC23D;
  --btw-motion-ink-focus-ring-width: 2px;
  --btw-motion-ink-focus-ring-offset: 3px;
  --btw-motion-ink-field-halo: rgba(255,194,61,.5);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --btw-color-ink: #F2F4F8;
    --btw-color-t2: #A3AAB8;
    --btw-color-t3: #6F7787;
    --btw-color-fill: #1A2030;
    --btw-color-fill2: #262E3E;
    --btw-color-line: #222A39;
    --btw-color-sunsoft: #3A3014;
    --btw-color-sunink: #FFC23D;
    --btw-color-togtrack: #FFC23D;
    --btw-color-togknob: #151C2C;
    --btw-color-hero: #222E48;
    --btw-color-onhero: #F2F4F8;
    --btw-color-page: #0D1119;
    --btw-color-page0: rgba(13,17,25,0);
    --btw-color-card: #161C28;
    --btw-color-onprimary: #151C2C;
    --btw-color-pin: #1E2533;
    --btw-color-radio: #3A4356;
    --btw-color-grab: #2E3646;
    --btw-color-tabbg: rgba(13,17,25,.96);
    --btw-color-land: #121722;
    --btw-color-road: #1F2635;
    --btw-color-road2: #181E2A;
    --btw-color-park: #14211C;
    --btw-color-water: #11223A;
    --btw-color-fwyedge: #141A26;
    --btw-color-label2: #4D5566;
    --btw-color-passline: #475063;
    --btw-color-stage1: #1D2434;
    --btw-color-stage2: #131824;
    --btw-color-deliv1: #3A3014;
    --btw-color-delivsh: rgba(0,0,0,.55);
    --btw-color-sun: #FFC23D;
    --btw-color-onsun: #151C2C;
    --btw-color-error: #FF8589;
    --btw-color-errorsoft: #3A1D22;
    --btw-color-scrim: rgba(0,0,0,.55);
    --btw-color-qrplate: #FFFFFF;
    --btw-color-maplabel: #6F7787;
    --btw-color-maphalo: #121722;
    --btw-color-building: #181E2B;
    --btw-color-rail: #3A4356;
    --btw-color-attribbg: rgba(13,17,25,.78);
    --btw-shadow-raised: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px #1F2635, 0 14px 34px -16px rgba(0,0,0,.7);
    --btw-shadow-sheet-shadow: 0 -1px 0 #1F2635, 0 -12px 40px rgba(0,0,0,.45);
    --btw-shadow-float-shadow: 0 0 0 1px #262E3E, 0 4px 14px rgba(0,0,0,.5);
    --btw-shadow-segment-shadow: 0 0 0 1px #2E3646, 0 1px 3px rgba(0,0,0,.5);
    --btw-shadow-knob-shadow: 0 1px 2px rgba(0,0,0,.6);
    --btw-shadow-chip-shadow: 0 0 0 1px #262E3E, 0 2px 6px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"] {
  --btw-color-ink: #F2F4F8;
  --btw-color-t2: #A3AAB8;
  --btw-color-t3: #6F7787;
  --btw-color-fill: #1A2030;
  --btw-color-fill2: #262E3E;
  --btw-color-line: #222A39;
  --btw-color-sunsoft: #3A3014;
  --btw-color-sunink: #FFC23D;
  --btw-color-togtrack: #FFC23D;
  --btw-color-togknob: #151C2C;
  --btw-color-hero: #222E48;
  --btw-color-onhero: #F2F4F8;
  --btw-color-page: #0D1119;
  --btw-color-page0: rgba(13,17,25,0);
  --btw-color-card: #161C28;
  --btw-color-onprimary: #151C2C;
  --btw-color-pin: #1E2533;
  --btw-color-radio: #3A4356;
  --btw-color-grab: #2E3646;
  --btw-color-tabbg: rgba(13,17,25,.96);
  --btw-color-land: #121722;
  --btw-color-road: #1F2635;
  --btw-color-road2: #181E2A;
  --btw-color-park: #14211C;
  --btw-color-water: #11223A;
  --btw-color-fwyedge: #141A26;
  --btw-color-label2: #4D5566;
  --btw-color-passline: #475063;
  --btw-color-stage1: #1D2434;
  --btw-color-stage2: #131824;
  --btw-color-deliv1: #3A3014;
  --btw-color-delivsh: rgba(0,0,0,.55);
  --btw-color-sun: #FFC23D;
  --btw-color-onsun: #151C2C;
  --btw-color-error: #FF8589;
  --btw-color-errorsoft: #3A1D22;
  --btw-color-scrim: rgba(0,0,0,.55);
  --btw-color-qrplate: #FFFFFF;
  --btw-color-maplabel: #6F7787;
  --btw-color-maphalo: #121722;
  --btw-color-building: #181E2B;
  --btw-color-rail: #3A4356;
  --btw-color-attribbg: rgba(13,17,25,.78);
  --btw-shadow-raised: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px #1F2635, 0 14px 34px -16px rgba(0,0,0,.7);
  --btw-shadow-sheet-shadow: 0 -1px 0 #1F2635, 0 -12px 40px rgba(0,0,0,.45);
  --btw-shadow-float-shadow: 0 0 0 1px #262E3E, 0 4px 14px rgba(0,0,0,.5);
  --btw-shadow-segment-shadow: 0 0 0 1px #2E3646, 0 1px 3px rgba(0,0,0,.5);
  --btw-shadow-knob-shadow: 0 1px 2px rgba(0,0,0,.6);
  --btw-shadow-chip-shadow: 0 0 0 1px #262E3E, 0 2px 6px rgba(0,0,0,.5);
}