/* GENERATED by web/tools/build_tokens.mjs from docs/design/tokens.json (v1.0.0).
   Do not edit by hand. Re-run: npm run tokens */

:root {
  --alta-pod: #E8662E;
  --alta-pod-logo: #FFFFFF;
  --alta-pod-shade: #B8501F;
  --alta-pod-highlight: #F78F5C;
  --alta-pod-shadow-night: #000000;
  --alta-pod-shadow-paper: #5A2A12;
  --alta-opacity-pressed-ghost: 0.6;
  --alta-opacity-pod-glow: 0.45;
  --alta-opacity-pod-dimmed: 0.55;
  --alta-opacity-disabled-icon: 1;
  --alta-font-text: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
  --alta-font-rounded: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;
  --alta-font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --alta-type-hero-numeral-size: 96px;
  --alta-type-hero-numeral-line: 96px;
  --alta-type-hero-numeral-tracking: -2px;
  --alta-type-hero-numeral-weight: 800;
  --alta-type-countdown-size: 160px;
  --alta-type-countdown-line: 160px;
  --alta-type-countdown-tracking: -4px;
  --alta-type-countdown-weight: 800;
  --alta-type-timer-numeral-size: 72px;
  --alta-type-timer-numeral-line: 72px;
  --alta-type-timer-numeral-tracking: -1.5px;
  --alta-type-timer-numeral-weight: 800;
  --alta-type-metric-xl-size: 56px;
  --alta-type-metric-xl-line: 60px;
  --alta-type-metric-xl-tracking: -1px;
  --alta-type-metric-xl-weight: 700;
  --alta-type-metric-l-size: 40px;
  --alta-type-metric-l-line: 44px;
  --alta-type-metric-l-tracking: -0.5px;
  --alta-type-metric-l-weight: 700;
  --alta-type-metric-size: 28px;
  --alta-type-metric-line: 32px;
  --alta-type-metric-tracking: -0.3px;
  --alta-type-metric-weight: 600;
  --alta-type-large-title-size: 34px;
  --alta-type-large-title-line: 41px;
  --alta-type-large-title-tracking: -0.4px;
  --alta-type-large-title-weight: 700;
  --alta-type-title-size: 28px;
  --alta-type-title-line: 34px;
  --alta-type-title-tracking: -0.3px;
  --alta-type-title-weight: 700;
  --alta-type-title2-size: 22px;
  --alta-type-title2-line: 28px;
  --alta-type-title2-tracking: -0.2px;
  --alta-type-title2-weight: 700;
  --alta-type-section-title-size: 20px;
  --alta-type-section-title-line: 25px;
  --alta-type-section-title-tracking: -0.2px;
  --alta-type-section-title-weight: 700;
  --alta-type-title3-size: 20px;
  --alta-type-title3-line: 25px;
  --alta-type-title3-tracking: 0px;
  --alta-type-title3-weight: 600;
  --alta-type-headline-size: 17px;
  --alta-type-headline-line: 22px;
  --alta-type-headline-tracking: 0px;
  --alta-type-headline-weight: 600;
  --alta-type-body-size: 17px;
  --alta-type-body-line: 22px;
  --alta-type-body-tracking: 0px;
  --alta-type-body-weight: 400;
  --alta-type-callout-size: 16px;
  --alta-type-callout-line: 21px;
  --alta-type-callout-tracking: 0px;
  --alta-type-callout-weight: 400;
  --alta-type-subheadline-size: 15px;
  --alta-type-subheadline-line: 20px;
  --alta-type-subheadline-tracking: 0px;
  --alta-type-subheadline-weight: 400;
  --alta-type-footnote-size: 13px;
  --alta-type-footnote-line: 18px;
  --alta-type-footnote-tracking: 0px;
  --alta-type-footnote-weight: 400;
  --alta-type-caption-size: 12px;
  --alta-type-caption-line: 16px;
  --alta-type-caption-tracking: 0px;
  --alta-type-caption-weight: 500;
  --alta-type-eyebrow-size: 13px;
  --alta-type-eyebrow-line: 16px;
  --alta-type-eyebrow-tracking: 0.6px;
  --alta-type-eyebrow-weight: 600;
  --alta-type-button-l-size: 17px;
  --alta-type-button-l-line: 22px;
  --alta-type-button-l-tracking: 0px;
  --alta-type-button-l-weight: 600;
  --alta-type-button-m-size: 16px;
  --alta-type-button-m-line: 21px;
  --alta-type-button-m-tracking: 0px;
  --alta-type-button-m-weight: 600;
  --alta-type-button-s-size: 15px;
  --alta-type-button-s-line: 20px;
  --alta-type-button-s-tracking: 0px;
  --alta-type-button-s-weight: 600;
  --alta-type-mono-size: 13px;
  --alta-type-mono-line: 18px;
  --alta-type-mono-tracking: 0px;
  --alta-type-mono-weight: 400;
  --alta-space-xxs: 2px;
  --alta-space-xs: 4px;
  --alta-space-sm: 8px;
  --alta-space-md: 12px;
  --alta-space-lg: 16px;
  --alta-space-xl: 24px;
  --alta-space-xxl: 32px;
  --alta-space-xxxl: 48px;
  --alta-space-huge: 64px;
  --alta-layout-page-inset: 20px;
  --alta-layout-card-padding: 16px;
  --alta-layout-card-gap: 12px;
  --alta-layout-section-gap: 24px;
  --alta-layout-hero-padding: 20px;
  --alta-layout-bottom-bar-padding: 16px;
  --alta-layout-max-readable-width: 560px;
  --alta-radius-xs: 6px;
  --alta-radius-sm: 8px;
  --alta-radius-icon-tile: 9px;
  --alta-radius-md: 12px;
  --alta-radius-lg: 16px;
  --alta-radius-card: 20px;
  --alta-radius-hero: 24px;
  --alta-radius-sheet: 28px;
  --alta-radius-full: 999px;
  --alta-border-hairline: 1px;
  --alta-border-card: 1.5px;
  --alta-border-selected: 2px;
  --alta-border-focus: 2px;
  --alta-lip-button-l: 4px;
  --alta-lip-button-m: 3px;
  --alta-lip-button-s: 3px;
  --alta-lip-card: 3px;
  --alta-lip-hero: 4px;
  --alta-lip-segment: 2px;
  --alta-lip-toast: 3px;
  --alta-size-min-hit-target: 44px;
  --alta-size-button-l: 54px;
  --alta-size-button-m: 44px;
  --alta-size-button-s: 36px;
  --alta-size-list-row: 56px;
  --alta-size-list-row-tall: 64px;
  --alta-size-icon-tile: 32px;
  --alta-size-tab-bar: 64px;
  --alta-size-tab-center: 56px;
  --alta-size-toast: 52px;
  --alta-size-segmented: 40px;
  --alta-size-chip: 36px;
  --alta-size-close-button: 32px;
  --alta-size-pod-view-xs: 24px;
  --alta-size-pod-view-s: 48px;
  --alta-size-pod-view-m: 96px;
  --alta-size-pod-view-l: 160px;
  --alta-size-pod-view-xl: 220px;
  --alta-size-rest-ring: 260px;
  --alta-size-rest-ring-stroke: 14px;
  --alta-size-loss-meter: 16px;
  --alta-dur-tap: 100ms;
  --alta-dur-fast: 180ms;
  --alta-dur-base: 280ms;
  --alta-dur-slow: 450ms;
  --alta-dur-count-up: 500ms;
  --alta-dur-stagger: 60ms;
  --alta-dur-cta-delay: 600ms;
  --alta-dur-celebrate: 1400ms;
  --alta-dur-toast-dwell: 2500ms;
  --alta-dur-blink-min: 3000ms;
  --alta-dur-blink-max: 6000ms;
  --alta-motion-press: 160ms cubic-bezier(0.34, 1.40, 0.64, 1);
  --alta-motion-press-dur: 160ms;
  --alta-motion-press-ease: cubic-bezier(0.34, 1.40, 0.64, 1);
  --alta-motion-pop: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --alta-motion-pop-dur: 300ms;
  --alta-motion-pop-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --alta-motion-content: 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --alta-motion-content-dur: 420ms;
  --alta-motion-content-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --alta-motion-sheet: 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --alta-motion-sheet-dur: 400ms;
  --alta-motion-sheet-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --alta-motion-celebrate: 550ms cubic-bezier(0.34, 1.80, 0.64, 1);
  --alta-motion-celebrate-dur: 550ms;
  --alta-motion-celebrate-ease: cubic-bezier(0.34, 1.80, 0.64, 1);
  --alta-motion-value: 450ms cubic-bezier(0, 0, 0.2, 1);
  --alta-motion-value-dur: 450ms;
  --alta-motion-value-ease: cubic-bezier(0, 0, 0.2, 1);
  --alta-motion-reduced: 150ms ease-in-out;
  --alta-motion-reduced-dur: 150ms;
  --alta-motion-reduced-ease: ease-in-out;
}

:root, [data-theme="night"] {
  color-scheme: dark;
  --alta-background: #101012;
  --alta-surface: #1A1A1D;
  --alta-surface-raised: #2A2A2F;
  --alta-accent-soft: #392621;
  --alta-border: #2C2C32;
  --alta-border-strong: #6E6D75;
  --alta-separator: #242428;
  --alta-surface-lip: #3A3A41;
  --alta-raised-lip: #1E1E22;
  --alta-accent-lip: #AD4720;
  --alta-danger-lip: #B8475A;
  --alta-accent: #DE6434;
  --alta-accent-text: #F08A5C;
  --alta-on-accent: #1A0E08;
  --alta-on-danger: #1A0E08;
  --alta-text-primary: #E9E6E2;
  --alta-text-secondary: #B1AFB4;
  --alta-text-tertiary: #94939A;
  --alta-text-disabled: #5E5D63;
  --alta-success: #5FD38A;
  --alta-warning: #F5A524;
  --alta-danger: #FF6B81;
  --alta-info: #6AA3FF;
  --alta-live: #4FD1E8;
  --alta-gold: #F2C14E;
  --alta-zone-held: #5FD38A;
  --alta-zone-slowing: #F5A524;
  --alta-zone-past: #FF6B81;
  --alta-zone-track: #2A2A2F;
  --alta-pod-left: #6AA3FF;
  --alta-pod-right: #F2A65A;
  --alta-chart-line: #E9E6E2;
  --alta-chart-grid: #2C2C32;
  --alta-streak: #FF8A3D;
  --alta-streak-core: #FFC94A;
  --alta-aura: #DE6434;
  --alta-scrim: #000000;
  --alta-opacity-aura: 0.14;
  --alta-opacity-scrim: 0.6;
  --alta-opacity-pod-shadow: 0.55;
  --alta-shadow-floating: 0 8px 24px color-mix(in srgb, #000000 40%, transparent);
}

[data-theme="paper"] {
  color-scheme: light;
  --alta-background: #FBF7F2;
  --alta-surface: #FFFFFF;
  --alta-surface-raised: #EAE3D9;
  --alta-accent-soft: #F7EAE6;
  --alta-border: #E0D8CB;
  --alta-border-strong: #8C857A;
  --alta-separator: #ECE5DA;
  --alta-surface-lip: #D6CCBD;
  --alta-raised-lip: #D3C8B8;
  --alta-accent-lip: #8C3E1D;
  --alta-danger-lip: #7A0D2B;
  --alta-accent: #B9532B;
  --alta-accent-text: #A04823;
  --alta-on-accent: #FFFFFF;
  --alta-on-danger: #FFFFFF;
  --alta-text-primary: #1C1A17;
  --alta-text-secondary: #4A4843;
  --alta-text-tertiary: #68665F;
  --alta-text-disabled: #A39E95;
  --alta-success: #256C3D;
  --alta-warning: #8A5A00;
  --alta-danger: #A3123A;
  --alta-info: #2F5FC4;
  --alta-live: #0B6E7A;
  --alta-gold: #7F5E00;
  --alta-zone-held: #2E8A4E;
  --alta-zone-slowing: #9E6C00;
  --alta-zone-past: #C8264B;
  --alta-zone-track: #EAE3D9;
  --alta-pod-left: #2F5FC4;
  --alta-pod-right: #C4561F;
  --alta-chart-line: #1C1A17;
  --alta-chart-grid: #ECE5DA;
  --alta-streak: #D9622A;
  --alta-streak-core: #F2B035;
  --alta-aura: #E58A5E;
  --alta-scrim: #1C1A17;
  --alta-opacity-aura: 0.07;
  --alta-opacity-scrim: 0.35;
  --alta-opacity-pod-shadow: 0.22;
  --alta-shadow-floating: 0 8px 24px color-mix(in srgb, #1C1A17 12%, transparent);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --alta-background: #FBF7F2;
    --alta-surface: #FFFFFF;
    --alta-surface-raised: #EAE3D9;
    --alta-accent-soft: #F7EAE6;
    --alta-border: #E0D8CB;
    --alta-border-strong: #8C857A;
    --alta-separator: #ECE5DA;
    --alta-surface-lip: #D6CCBD;
    --alta-raised-lip: #D3C8B8;
    --alta-accent-lip: #8C3E1D;
    --alta-danger-lip: #7A0D2B;
    --alta-accent: #B9532B;
    --alta-accent-text: #A04823;
    --alta-on-accent: #FFFFFF;
    --alta-on-danger: #FFFFFF;
    --alta-text-primary: #1C1A17;
    --alta-text-secondary: #4A4843;
    --alta-text-tertiary: #68665F;
    --alta-text-disabled: #A39E95;
    --alta-success: #256C3D;
    --alta-warning: #8A5A00;
    --alta-danger: #A3123A;
    --alta-info: #2F5FC4;
    --alta-live: #0B6E7A;
    --alta-gold: #7F5E00;
    --alta-zone-held: #2E8A4E;
    --alta-zone-slowing: #9E6C00;
    --alta-zone-past: #C8264B;
    --alta-zone-track: #EAE3D9;
    --alta-pod-left: #2F5FC4;
    --alta-pod-right: #C4561F;
    --alta-chart-line: #1C1A17;
    --alta-chart-grid: #ECE5DA;
    --alta-streak: #D9622A;
    --alta-streak-core: #F2B035;
    --alta-aura: #E58A5E;
    --alta-scrim: #1C1A17;
    --alta-opacity-aura: 0.07;
    --alta-opacity-scrim: 0.35;
    --alta-opacity-pod-shadow: 0.22;
    --alta-shadow-floating: 0 8px 24px color-mix(in srgb, #1C1A17 12%, transparent);
  }
}