/* Deckhand design tokens: generated by tools/tokens_gen.py. Do not edit by hand. */
:root {
  --dh-color-core-deep: #0F3355;
  --dh-color-core-deep-press: #0A2742;
  --dh-color-core-deep-line: #4F6982;
  --dh-color-core-sail: #F3F5F4;
  --dh-color-core-white: #FFFFFF;
  --dh-color-core-well: #E8ECEA;
  --dh-color-core-night: #0B1519;
  --dh-color-core-night-lift: #16232A;
  --dh-color-core-night-raised: #1F2E36;
  --dh-color-core-delta: #FFD21F;
  --dh-color-core-delta-edge: #6B5A1C;
  --dh-color-core-delta-wash: #FFF19A;
  --dh-color-core-delta-wash-dark: #3D3A08;
  --dh-color-core-signal: #1258C4;
  --dh-color-core-signal-dark: #7FB0FF;
  --dh-color-core-signal-wash: #CCDDFF;
  --dh-color-core-signal-wash-dark: #0B2B63;
  --dh-color-core-hotel: #C8341C;
  --dh-color-core-hotel-dark: #FF7B85;
  --dh-color-core-hotel-wash: #FDEEEA;
  --dh-color-core-hotel-wash-dark: #46181E;
  --dh-color-core-affirm: #27704D;
  --dh-color-core-affirm-dark: #5FC08F;
  --dh-color-core-affirm-wash: #E4F2EA;
  --dh-color-core-affirm-wash-dark: #173D32;
  --dh-color-core-fog: #5B6C63;
  --dh-color-core-fog-dark: #76867E;
  --dh-color-core-mist: #C9D1C8;
  --dh-color-core-hairline: #CFD8D3;
  --dh-color-core-hairline-card: #DDE4E0;
  --dh-color-core-hairline-strong: #7C8882;
  --dh-color-core-hairline-dark: #26333B;
  --dh-color-core-hairline-dark-card: #2D3C45;
  --dh-color-core-sea-glass: #0495A9;
  --dh-color-core-sea-glass-dark: #5FD0C4;
  --dh-color-core-amber-dark: #E3B45A;
  --dh-color-ground: #F3F5F4;
  --dh-color-card: #FFFFFF;
  --dh-color-card-raised: #FFFFFF;
  --dh-color-surface-2: #E8ECEA;
  --dh-color-ink: #0F3355;
  --dh-color-ink-muted: #5B6C63;
  --dh-color-ink-disabled: #7C8882;
  --dh-color-line: #CFD8D3;
  --dh-color-line-card: #DDE4E0;
  --dh-color-line-strong: #7C8882;
  --dh-color-anchor: #0F3355;
  --dh-color-anchor-ink: #F3F5F4;
  --dh-color-anchor-pressed: #0A2742;
  --dh-color-hero: #0F3355;
  --dh-color-hero-ink: #F3F5F4;
  --dh-color-hero-muted: #C9D1C8;
  --dh-color-hero-pass: #5FC08F;
  --dh-color-hero-fail: #FF7B85;
  --dh-color-hero-link: #7FB0FF;
  --dh-color-hero-focus: #7FB0FF;
  --dh-color-hero-line: #4F6982;
  --dh-color-course-line: #FFD21F;
  --dh-color-course-stop: #F3F5F4;
  --dh-color-course-stop-done: #FFD21F;
  --dh-color-course-pending: #C9D1C8;
  --dh-color-course-shop: #F3F5F4;
  --dh-color-course-home: #F3F5F4;
  --dh-color-attention: #FFD21F;
  --dh-color-attention-ink: #0F3355;
  --dh-color-attention-wash-ink: #0F3355;
  --dh-color-attention-rim: #0F3355;
  --dh-color-attention-edge: #6B5A1C;
  --dh-color-attention-wash: #FFF19A;
  --dh-color-link: #1258C4;
  --dh-color-link-wash: #CCDDFF;
  --dh-color-accent: #1258C4;
  --dh-color-selected: #CCDDFF;
  --dh-color-selected-ink: #0F3355;
  --dh-color-pass: #27704D;
  --dh-color-pass-ink: #27704D;
  --dh-color-pass-wash: #E4F2EA;
  --dh-color-watch: #FFD21F;
  --dh-color-watch-ink: #6B5A1C;
  --dh-color-watch-wash: #FFF19A;
  --dh-color-fail: #C8341C;
  --dh-color-fail-ink: #C8341C;
  --dh-color-fail-wash: #FDEEEA;
  --dh-color-info: #1258C4;
  --dh-color-info-ink: #1258C4;
  --dh-color-info-wash: #CCDDFF;
  --dh-color-neutral: #5B6C63;
  --dh-color-neutral-ink: #5B6C63;
  --dh-color-neutral-wash: #E8ECEA;
  --dh-color-signin-ground: #FFD21F;
  --dh-color-signin-ink: #0F3355;
  --dh-color-signin-muted: #6B5A1C;
  --dh-color-signin-field: #FFFFFF;
  --dh-color-signin-field-ink: #0F3355;
  --dh-color-signin-field-line: #0F3355;
  --dh-color-signin-button: #0F3355;
  --dh-color-signin-button-ink: #F3F5F4;
  --dh-color-signin-link: #0F3355;
  --dh-color-signin-error: #C8341C;
  --dh-color-signin-focus: #0F3355;
  --dh-color-rail: #0F3355;
  --dh-color-rail-ink: #F3F5F4;
  --dh-color-rail-muted: #C9D1C8;
  --dh-color-rail-active-edge: #FFD21F;
  --dh-color-rail-hover: #0A2742;
  --dh-color-rail-line: #4F6982;
  --dh-color-captain-hoist: #FFFFFF;
  --dh-color-captain-fly: #C8341C;
  --dh-color-chart-1: #1258C4;
  --dh-color-chart-2: #0495A9;
  --dh-color-chart-3: #6B5A1C;
  --dh-color-chart-4: #5B6C63;
  --dh-color-chart-grid: #DDE4E0;
  --dh-color-chart-plot: #F3F5F4;
  --dh-color-chart-pos: #27704D;
  --dh-color-chart-neg: #C8341C;
  --dh-color-focus-ring: #1258C4;
  --dh-color-launch-background: #0F3355;
  --dh-color-widget-background: #FFFFFF;
  --dh-overlay-scrim: #0B151966;
  --dh-overlay-scrim-dark: #000000A3;
  --dh-font-family-display: "Space Grotesk", "DH Space Grotesk", "SF Pro Display", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
  --dh-font-family-ui: Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-font-family-data: "JetBrains Mono", "DH JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --dh-font-family-figure: "Inter Display", "DH Inter Display", Inter, "DH Inter", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-display: 700 34px/38px "Space Grotesk", "DH Space Grotesk", "SF Pro Display", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-h1: 700 24px/28px "Space Grotesk", "DH Space Grotesk", "SF Pro Display", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-h2: 600 17px/22px Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-title: 600 15px/20px Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-body: 400 15px/20px Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-body-sm: 400 13px/18px Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-caption: 500 12px/16px Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-button: 600 16px/20px Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-button-sm: 600 14px/18px Inter, "DH Inter", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-label: 600 11px/14px "JetBrains Mono", "DH JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --dh-typography-data: 600 15px/20px "JetBrains Mono", "DH JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --dh-typography-data-sm: 500 13px/18px "JetBrains Mono", "DH JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --dh-typography-figure-xl: 700 60px/48px "Inter Display", "DH Inter Display", Inter, "DH Inter", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
  --dh-typography-figure: 700 32px/36px "Inter Display", "DH Inter Display", Inter, "DH Inter", -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
  --dh-letter-spacing-display: -0.02em;
  --dh-letter-spacing-h1: -0.015em;
  --dh-letter-spacing-h2: -0.013em;
  --dh-letter-spacing-title: -0.009em;
  --dh-letter-spacing-body: -0.009em;
  --dh-letter-spacing-body-sm: -0.003em;
  --dh-letter-spacing-caption: 0em;
  --dh-letter-spacing-button: -0.011em;
  --dh-letter-spacing-button-sm: -0.006em;
  --dh-letter-spacing-label: 0.12em;
  --dh-letter-spacing-data: 0em;
  --dh-letter-spacing-data-sm: 0em;
  --dh-letter-spacing-figure-xl: -0.03em;
  --dh-letter-spacing-figure: -0.03em;
  --dh-radius-none: 0px;
  --dh-radius-chip: 8px;
  --dh-radius-control: 11px;
  --dh-radius-tile: 13px;
  --dh-radius-card: 15px;
  --dh-radius-sheet: 20px;
  --dh-space-s4: 4px;
  --dh-space-s8: 8px;
  --dh-space-s12: 12px;
  --dh-space-s16: 16px;
  --dh-space-s20: 20px;
  --dh-space-s24: 24px;
  --dh-space-s32: 32px;
  --dh-space-s40: 40px;
  --dh-space-s48: 48px;
  --dh-space-s64: 64px;
  --dh-shadow-light-slight: 0 1px 2px rgba(11,21,25,0.04), 0 2px 10px rgba(11,21,25,0.03);
  --dh-shadow-light-card: 0 1px 3px rgba(11,21,25,0.05), 0 5px 20px rgba(11,21,25,0.05);
  --dh-shadow-light-raised: 0 1px 4px rgba(11,21,25,0.07), 0 12px 44px rgba(11,21,25,0.1);
  --dh-shadow-light-overlay: 0 8px 24px rgba(11,21,25,0.1), 0 28px 64px rgba(11,21,25,0.18);
  --dh-shadow-light-focus: 0 0 0 2px #1258C4;
  --dh-shadow-dark-slight: 0 1px 2px rgba(11,21,25,0.28), 0 2px 10px rgba(11,21,25,0.22);
  --dh-shadow-dark-card: 0 1px 3px rgba(11,21,25,0.32), 0 5px 20px rgba(11,21,25,0.3);
  --dh-shadow-dark-raised: 0 1px 4px rgba(11,21,25,0.4), 0 12px 44px rgba(11,21,25,0.45);
  --dh-shadow-dark-overlay: 0 10px 30px rgba(11,21,25,0.55), 0 32px 72px rgba(11,21,25,0.6);
  --dh-shadow-dark-focus: 0 0 0 2px #7FB0FF;
  --dh-duration-press: 90ms;
  --dh-duration-state: 160ms;
  --dh-duration-enter: 240ms;
  --dh-duration-sheet: 360ms;
  --dh-duration-celebrate: 850ms;
  --dh-duration-reduced: 160ms;
  --dh-cubic-bezier-press: cubic-bezier(0.2, 0, 0, 1);
  --dh-cubic-bezier-state: cubic-bezier(0.4, 0, 0.2, 1);
  --dh-cubic-bezier-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --dh-cubic-bezier-sheet: cubic-bezier(0.32, 0.72, 0, 1);
  --dh-cubic-bezier-celebrate: cubic-bezier(0.34, 1.4, 0.64, 1);
  --dh-cubic-bezier-reduced: cubic-bezier(0.4, 0, 0.6, 1);
  --dh-haptic-hoist: 850ms;
  --dh-haptic-stopcomplete: 280ms;
  --dh-haptic-aboard: 110ms;
  --dh-haptic-clockout: 260ms;
  --dh-haptic-signin: 300ms;
  --dh-haptic-lamp: 620ms;
  --dh-haptic-copy: 40ms;
  --dh-haptic-flagged: 160ms;
  --dh-haptic-offline: 420ms;
}
:root[data-theme="dark"] {
  --dh-color-ground: #0B1519;
  --dh-color-card: #16232A;
  --dh-color-card-raised: #1F2E36;
  --dh-color-surface-2: #1F2E36;
  --dh-color-ink: #F3F5F4;
  --dh-color-ink-muted: #C9D1C8;
  --dh-color-ink-disabled: #76867E;
  --dh-color-line: #26333B;
  --dh-color-line-card: #2D3C45;
  --dh-color-line-strong: #76867E;
  --dh-color-anchor: #F3F5F4;
  --dh-color-anchor-ink: #0F3355;
  --dh-color-anchor-pressed: #C9D1C8;
  --dh-color-hero: #0F3355;
  --dh-color-hero-ink: #F3F5F4;
  --dh-color-hero-muted: #C9D1C8;
  --dh-color-hero-pass: #5FC08F;
  --dh-color-hero-fail: #FF7B85;
  --dh-color-hero-link: #7FB0FF;
  --dh-color-hero-focus: #7FB0FF;
  --dh-color-hero-line: #4F6982;
  --dh-color-course-line: #FFD21F;
  --dh-color-course-stop: #F3F5F4;
  --dh-color-course-stop-done: #FFD21F;
  --dh-color-course-pending: #C9D1C8;
  --dh-color-course-shop: #F3F5F4;
  --dh-color-course-home: #F3F5F4;
  --dh-color-attention: #FFD21F;
  --dh-color-attention-ink: #0F3355;
  --dh-color-attention-wash-ink: #F3F5F4;
  --dh-color-attention-rim: #FFD21F;
  --dh-color-attention-edge: #FFD21F;
  --dh-color-attention-wash: #3D3A08;
  --dh-color-link: #7FB0FF;
  --dh-color-link-wash: #0B2B63;
  --dh-color-accent: #7FB0FF;
  --dh-color-selected: #0B2B63;
  --dh-color-selected-ink: #F3F5F4;
  --dh-color-pass: #5FC08F;
  --dh-color-pass-ink: #5FC08F;
  --dh-color-pass-wash: #173D32;
  --dh-color-watch: #FFD21F;
  --dh-color-watch-ink: #FFD21F;
  --dh-color-watch-wash: #3D3A08;
  --dh-color-fail: #FF7B85;
  --dh-color-fail-ink: #FF7B85;
  --dh-color-fail-wash: #46181E;
  --dh-color-info: #7FB0FF;
  --dh-color-info-ink: #7FB0FF;
  --dh-color-info-wash: #0B2B63;
  --dh-color-neutral: #C9D1C8;
  --dh-color-neutral-ink: #C9D1C8;
  --dh-color-neutral-wash: #1F2E36;
  --dh-color-signin-ground: #FFD21F;
  --dh-color-signin-ink: #0F3355;
  --dh-color-signin-muted: #6B5A1C;
  --dh-color-signin-field: #FFFFFF;
  --dh-color-signin-field-ink: #0F3355;
  --dh-color-signin-field-line: #0F3355;
  --dh-color-signin-button: #0F3355;
  --dh-color-signin-button-ink: #F3F5F4;
  --dh-color-signin-link: #0F3355;
  --dh-color-signin-error: #C8341C;
  --dh-color-signin-focus: #0F3355;
  --dh-color-rail: #0F3355;
  --dh-color-rail-ink: #F3F5F4;
  --dh-color-rail-muted: #C9D1C8;
  --dh-color-rail-active-edge: #FFD21F;
  --dh-color-rail-hover: #0A2742;
  --dh-color-rail-line: #4F6982;
  --dh-color-captain-hoist: #FFFFFF;
  --dh-color-captain-fly: #C8341C;
  --dh-color-chart-1: #7FB0FF;
  --dh-color-chart-2: #5FD0C4;
  --dh-color-chart-3: #E3B45A;
  --dh-color-chart-4: #76867E;
  --dh-color-chart-grid: #2D3C45;
  --dh-color-chart-plot: #0B1519;
  --dh-color-chart-pos: #5FC08F;
  --dh-color-chart-neg: #FF7B85;
  --dh-color-focus-ring: #7FB0FF;
  --dh-color-launch-background: #0F3355;
  --dh-color-widget-background: #16232A;
}