/* Generated by design/tokens/build.mjs from tokens.json — do not edit by hand. */

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-rounded: ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-large-title: 2.125rem;
  --text-large-title--line-height: 2.5625rem;
  --text-large-title--font-weight: 700;
  --text-large-title--letter-spacing: -0.011764705882352941em;
  --text-title-1: 1.75rem;
  --text-title-1--line-height: 2.125rem;
  --text-title-1--font-weight: 700;
  --text-title-1--letter-spacing: -0.014285714285714287em;
  --text-title-2: 1.375rem;
  --text-title-2--line-height: 1.75rem;
  --text-title-2--font-weight: 700;
  --text-title-2--letter-spacing: -0.013636363636363636em;
  --text-title-3: 1.25rem;
  --text-title-3--line-height: 1.5625rem;
  --text-title-3--font-weight: 600;
  --text-title-3--letter-spacing: -0.01em;
  --text-headline: 1.0625rem;
  --text-headline--line-height: 1.375rem;
  --text-headline--font-weight: 600;
  --text-headline--letter-spacing: -0.011764705882352941em;
  --text-body: 1.0625rem;
  --text-body--line-height: 1.375rem;
  --text-body--font-weight: 400;
  --text-body--letter-spacing: -0.011764705882352941em;
  --text-callout: 1rem;
  --text-callout--line-height: 1.3125rem;
  --text-callout--font-weight: 400;
  --text-callout--letter-spacing: -0.0125em;
  --text-subheadline: 0.9375rem;
  --text-subheadline--line-height: 1.25rem;
  --text-subheadline--font-weight: 400;
  --text-subheadline--letter-spacing: -0.006666666666666667em;
  --text-footnote: 0.8125rem;
  --text-footnote--line-height: 1.125rem;
  --text-footnote--font-weight: 400;
  --text-footnote--letter-spacing: 0em;
  --text-caption-1: 0.75rem;
  --text-caption-1--line-height: 1rem;
  --text-caption-1--font-weight: 500;
  --text-caption-1--letter-spacing: 0em;
  --text-caption-2: 0.6875rem;
  --text-caption-2--line-height: 0.8125rem;
  --text-caption-2--font-weight: 500;
  --text-caption-2--letter-spacing: 0.009090909090909092em;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-xs: 0.375rem;
  --radius-sm: 0.625rem;
  --radius-md: 0.875rem;
  --radius-tile: 1rem;
  --radius-field: 1rem;
  --radius-group: 1rem;
  --radius-card: 1.375rem;
  --radius-sheet: 1.875rem;
  --radius-pill: 999px;
  --size-touch: 2.75rem;
  --size-icon-button: 2.375rem;
  --size-fab: 3.375rem;
  --size-button: 3.125rem;
  --size-field: 3.25rem;
  --size-row: 3.125rem;
  --size-avatar: 1.375rem;
  --size-chip: 1.375rem;
  --size-mosaic: 4.75rem;
  --size-content-max: 45rem;
  --color-glacier-1: #dceffb;
  --color-glacier-2: #bde1f7;
  --color-glacier-3: #92cbf1;
  --color-glacier-4: #63aee6;
  --color-glacier-5: #3a8dd8;
  --color-glacier-6: #1b6bc0;
  --color-navy: #0e2f55;
  --color-navy-deep: #08172b;
  --color-avatar-0: #0866c2;
  --color-avatar-1: #6d4fd0;
  --color-avatar-2: #b8430b;
  --color-avatar-3: #0f766e;
  --color-avatar-4: #b3185a;
  --color-avatar-5: #4d6b0f;
  --color-avatar-text: #ffffff;
  --motion-press-duration: 120ms;
  --motion-press-easing: cubic-bezier(0.2, 0, 0, 1);
  --motion-push-duration: 350ms;
  --motion-push-easing: cubic-bezier(0.32, 0.72, 0, 1);
  --motion-sheet-duration: 400ms;
  --motion-sheet-easing: cubic-bezier(0.32, 0.72, 0, 1);
  --motion-fade-duration: 200ms;
  --motion-fade-easing: ease-out;
  --motion-toast-duration: 280ms;
  --motion-toast-easing: cubic-bezier(0.2, 0, 0, 1);
  --motion-press-scale: 0.97;
}

:root,
[data-theme='light'] {
  color-scheme: light;
  --color-bg: #f4f7fb;
  --color-surface: #ffffff;
  --color-surface-2: #eaf0f6;
  --color-surface-pressed: #dfe8f1;
  --color-separator: rgba(16, 42, 72, 0.10);
  --color-text: #0c1a29;
  --color-text-2: #526377;
  --color-text-3: #7f8ea0;
  --color-accent: #0866c2;
  --color-accent-pressed: #0755a3;
  --color-accent-tint: #e4f0fc;
  --color-on-accent: #ffffff;
  --color-ice: #92cbf1;
  --color-danger: #c62828;
  --color-danger-tint: #fdecec;
  --color-status-soon: #9a6200;
  --color-status-soon-tint: #fdf3dc;
  --color-status-over: #c62828;
  --color-status-over-tint: #fdecec;
  --color-glass: rgba(255, 255, 255, 0.74);
  --color-glass-border: rgba(255, 255, 255, 0.60);
  --color-glass-text: #0c1a29;
  --color-scrim: rgba(8, 18, 30, 0.40);
  --color-photo-bg: #000000;
  --shadow-card: 0 1px 2px rgba(16, 42, 72, 0.05), 0 6px 20px rgba(16, 42, 72, 0.06);
  --shadow-float: 0 8px 28px rgba(8, 102, 194, 0.32), 0 2px 6px rgba(8, 102, 194, 0.20);
  --shadow-sheet: 0 -8px 30px rgba(8, 18, 30, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --color-bg: #0a0f15;
    --color-surface: #141c26;
    --color-surface-2: #1c2632;
    --color-surface-pressed: #243140;
    --color-separator: rgba(200, 225, 255, 0.10);
    --color-text: #eaf1f8;
    --color-text-2: #98a8ba;
    --color-text-3: #6b7b8e;
    --color-accent: #72b9ec;
    --color-accent-pressed: #5aa8e3;
    --color-accent-tint: rgba(114, 185, 236, 0.16);
    --color-on-accent: #06192e;
    --color-ice: #92cbf1;
    --color-danger: #ff6b66;
    --color-danger-tint: rgba(255, 107, 102, 0.16);
    --color-status-soon: #f5c043;
    --color-status-soon-tint: rgba(245, 192, 67, 0.16);
    --color-status-over: #ff6b66;
    --color-status-over-tint: rgba(255, 107, 102, 0.16);
    --color-glass: rgba(14, 20, 28, 0.64);
    --color-glass-border: rgba(255, 255, 255, 0.10);
    --color-glass-text: #eaf1f8;
    --color-scrim: rgba(0, 0, 0, 0.55);
    --color-photo-bg: #000000;
    --shadow-card: 0 0 0 1px rgba(200, 225, 255, 0.05);
    --shadow-float: 0 8px 28px rgba(114, 185, 236, 0.26), 0 2px 6px rgba(0, 0, 0, 0.40);
    --shadow-sheet: 0 -8px 30px rgba(0, 0, 0, 0.50);
  }
}

[data-theme='dark'] {
  color-scheme: dark;
  --color-bg: #0a0f15;
  --color-surface: #141c26;
  --color-surface-2: #1c2632;
  --color-surface-pressed: #243140;
  --color-separator: rgba(200, 225, 255, 0.10);
  --color-text: #eaf1f8;
  --color-text-2: #98a8ba;
  --color-text-3: #6b7b8e;
  --color-accent: #72b9ec;
  --color-accent-pressed: #5aa8e3;
  --color-accent-tint: rgba(114, 185, 236, 0.16);
  --color-on-accent: #06192e;
  --color-ice: #92cbf1;
  --color-danger: #ff6b66;
  --color-danger-tint: rgba(255, 107, 102, 0.16);
  --color-status-soon: #f5c043;
  --color-status-soon-tint: rgba(245, 192, 67, 0.16);
  --color-status-over: #ff6b66;
  --color-status-over-tint: rgba(255, 107, 102, 0.16);
  --color-glass: rgba(14, 20, 28, 0.64);
  --color-glass-border: rgba(255, 255, 255, 0.10);
  --color-glass-text: #eaf1f8;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-photo-bg: #000000;
  --shadow-card: 0 0 0 1px rgba(200, 225, 255, 0.05);
  --shadow-float: 0 8px 28px rgba(114, 185, 236, 0.26), 0 2px 6px rgba(0, 0, 0, 0.40);
  --shadow-sheet: 0 -8px 30px rgba(0, 0, 0, 0.50);
}