/* Generated from Core/Theme/*.swift by scripts/design-system/generate_web_tokens.py.
   Do not edit by hand: change the Swift foundations and regenerate. */

:root {
  /* Palette primitives: brand artwork only. Interfaces use --color-* roles. */
  --palette-white: #FFFFFF;
  --palette-gray980: #080808;
  --palette-gray100: #F2F2F2;
  --palette-gray950: #111111;
  --palette-gray925: #191919;
  --palette-gray50: #F5F5F5;
  --palette-gray900: #202020;
  --palette-gray200: #DCDCDC;
  --palette-gray800: #303030;
  --palette-black: #000000;
  --palette-gray930: #181818;
  --palette-gray940: #171717;
  --palette-gray650: #595959;
  --palette-gray350: #B8B8B8;
  --palette-gray600: #666666;
  --palette-gray400: #A6A6A6;
  --palette-blue50: #EFF7FF;
  --palette-blue100: #C6E1FF;
  --palette-blue200: #99C6FF;
  --palette-blue300: #82B3EE;
  --palette-blue400: #338FFF;
  --palette-blue500: #0377FE;
  --palette-blue600: #0064D9;
  --palette-blue700: #0052B3;
  --palette-blue800: #003E87;
  --palette-blue900: #002A5C;
  --palette-blue950: #001B3D;
  --palette-green700: #347A50;
  --palette-green800: #2B6644;
  --palette-green300: #76C991;
  --palette-amber700: #95621B;
  --palette-amber800: #7C5216;
  --palette-amber300: #E1AC59;
  --palette-violet600: #5E628B;
  --palette-violet700: #555980;
  --palette-violet300: #A9ADDB;
  --palette-red600: #C43D36;
  --palette-red700: #A8322C;
  --palette-red300: #F07B74;

  /* Semantic colors (light appearance). */
  --color-background: #FFFFFF;
  --color-grouped-background: #F2F2F2;
  --color-utility-surface: #FFFFFF;
  --color-subtle-surface: #F5F5F5;
  --color-border-subtle: #DCDCDC;
  --color-placeholder-fill: #DCDCDC;
  --color-scrim: rgb(0 0 0 / 0.18);
  --color-translucent-surface: rgb(245 245 245 / 0.82);
  --color-control-fill: rgb(255 255 255 / 0.9);
  --color-glass-fill: rgb(255 255 255 / 0.76);
  --color-glass-stroke: rgb(255 255 255 / 0.92);
  --color-floating-shadow: rgb(0 0 0 / 0.13);
  --color-primary-text: #111111;
  --color-secondary-text: #595959;
  --color-tertiary-text: #666666;
  --color-divider: rgb(0 0 0 / 0.06);
  --color-brand-primary: #0377FE;
  --color-brand-pale: #C6E1FF;
  --color-brand-soft: #82B3EE;
  --color-interactive-foreground: #0064D9;
  --color-accent-surface: #EFF7FF;
  --color-accent-border: #99C6FF;
  --color-on-accent: #FFFFFF;
  --color-success: #347A50;
  --color-warning: #95621B;
  --color-rest: #5E628B;
  --color-stat-highlight: rgb(0 0 0 / 0.06);
  --color-action-primary-background: var(--color-primary-text);
  --color-action-primary-foreground: var(--color-background);
  --color-action-secondary-foreground: var(--color-primary-text);
  --color-control-border: var(--color-border-subtle);
  --color-link: var(--color-interactive-foreground);
  --color-selection: var(--color-interactive-foreground);
  --color-calendar-workout: var(--color-secondary-text);
  --color-calendar-workout-surface: var(--color-grouped-background);
  --color-calendar-training: var(--color-interactive-foreground);
  --color-calendar-training-surface: var(--color-accent-surface);
  --color-calendar-muted-surface: var(--color-grouped-background);
  --color-calendar-today: var(--color-selection);
  --color-on-calendar-today: var(--color-on-accent);
  --color-avatar-background: var(--color-interactive-foreground);
  --color-avatar-foreground: var(--color-on-accent);
  --color-chart-series: var(--color-brand-primary);
  --color-chart-series-fill: var(--color-accent-surface);
  --color-chart-selection: var(--color-border-subtle);
  --color-chart-grid: var(--color-divider);
  --color-chart-axis-label: var(--color-tertiary-text);
  --color-inverse-surface: #000000;
  --color-inverse-text: #FFFFFF;
  --color-inverse-secondary-text: #B8B8B8;
  --color-inverse-control-surface: #191919;
  --color-inverse-disabled-surface: #111111;
  --color-inverse-accent-fill: #0064D9;
  --color-on-danger: #FFFFFF;
  --color-overlay-scrim: rgb(0 0 0 / 0.16);
  --color-subtle-scrim: rgb(0 0 0 / 0.08);
  --color-sidebar-scrim: rgb(0 0 0 / 0.06);
  --color-chrome-highlight: rgb(255 255 255 / 0.13);
  --color-chrome-highlight-subtle: rgb(255 255 255 / 0.07);
  --color-mask-opaque: #000000;
  --color-mask-feather: rgb(0 0 0 / 0.62);
  --color-shimmer-edge: rgb(255 255 255 / 0.3);
  --color-shimmer-peak: rgb(255 255 255 / 0.5);
  --color-shadow-subtle: color-mix(in srgb, var(--color-floating-shadow) 10%, transparent);
  --color-shadow-medium: color-mix(in srgb, var(--color-floating-shadow) 50%, transparent);
  --color-disabled-text: color-mix(in srgb, var(--color-primary-text) 44%, transparent);
  --color-inactive-indicator: color-mix(in srgb, var(--color-primary-text) 26%, transparent);
  --color-inactive-track: color-mix(in srgb, var(--color-primary-text) 15%, transparent);
  --color-control-outline: var(--color-secondary-text);
  --color-background-fade-start: color-mix(in srgb, var(--color-background) 82%, transparent);
  --color-background-fade-end: color-mix(in srgb, var(--color-background) 46%, transparent);
  --color-background-veil: color-mix(in srgb, var(--color-background) 35%, transparent);
  --color-glass-fade-end: color-mix(in srgb, var(--color-glass-fill) 90%, transparent);
  --color-hit-test-fill: color-mix(in srgb, var(--color-glass-fill) 0.1%, transparent);
  --color-accent-on-tint: #0052B3;
  --color-success-on-tint: #2B6644;
  --color-warning-on-tint: #7C5216;
  --color-danger-on-tint: #A8322C;
  --color-rest-on-tint: #555980;
  --color-danger: #C43D36;

  /* Typography roles: font shorthand plus scalable leading and tracking. */
  --font-sora: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-figtree: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --type-wordmark: 500 28px/36px var(--font-sora);
  --type-wordmark-size: 28px;
  --type-wordmark-leading: 1.2857;
  --type-wordmark-tracking: -0.035em;
  --type-campaign: 500 40px/46px var(--font-sora);
  --type-campaign-size: 40px;
  --type-campaign-leading: 1.15;
  --type-campaign-tracking: -0.04em;
  --type-screen-title: 600 32px/38px var(--font-sora);
  --type-screen-title-size: 32px;
  --type-screen-title-leading: 1.1875;
  --type-screen-title-tracking: -0.02em;
  --type-section-title: 600 24px/30px var(--font-sora);
  --type-section-title-size: 24px;
  --type-section-title-leading: 1.25;
  --type-section-title-tracking: -0.02em;
  --type-card-title: 600 18px/24px var(--font-figtree);
  --type-card-title-size: 18px;
  --type-card-title-leading: 1.3333;
  --type-card-title-tracking: 0em;
  --type-body: 400 17px/26px var(--font-figtree);
  --type-body-size: 17px;
  --type-body-leading: 1.5294;
  --type-body-tracking: 0em;
  --type-body-emphasis: 600 17px/26px var(--font-figtree);
  --type-body-emphasis-size: 17px;
  --type-body-emphasis-leading: 1.5294;
  --type-body-emphasis-tracking: 0em;
  --type-supporting: 400 16px/24px var(--font-figtree);
  --type-supporting-size: 16px;
  --type-supporting-leading: 1.5;
  --type-supporting-tracking: 0em;
  --type-supporting-emphasis: 600 16px/24px var(--font-figtree);
  --type-supporting-emphasis-size: 16px;
  --type-supporting-emphasis-leading: 1.5;
  --type-supporting-emphasis-tracking: 0em;
  --type-label: 500 14px/20px var(--font-figtree);
  --type-label-size: 14px;
  --type-label-leading: 1.4286;
  --type-label-tracking: 0em;
  --type-label-emphasis: 600 14px/20px var(--font-figtree);
  --type-label-emphasis-size: 14px;
  --type-label-emphasis-leading: 1.4286;
  --type-label-emphasis-tracking: 0em;
  --type-button: 600 16px/22px var(--font-figtree);
  --type-button-size: 16px;
  --type-button-leading: 1.375;
  --type-button-tracking: 0em;
  --type-caption: 400 12px/18px var(--font-figtree);
  --type-caption-size: 12px;
  --type-caption-leading: 1.5;
  --type-caption-tracking: 0em;
  --type-caption-emphasis: 600 12px/18px var(--font-figtree);
  --type-caption-emphasis-size: 12px;
  --type-caption-emphasis-leading: 1.5;
  --type-caption-emphasis-tracking: 0em;
  --type-metric: 600 32px/38px var(--font-figtree);
  --type-metric-size: 32px;
  --type-metric-leading: 1.1875;
  --type-metric-tracking: 0em;
  --type-metric-numerals: tabular-nums;
  --type-metric-hero: 600 56px/64px var(--font-figtree);
  --type-metric-hero-size: 56px;
  --type-metric-hero-leading: 1.1429;
  --type-metric-hero-tracking: 0em;
  --type-metric-hero-numerals: tabular-nums;
  --type-prescription: 500 22px/28px var(--font-figtree);
  --type-prescription-size: 22px;
  --type-prescription-leading: 1.2727;
  --type-prescription-tracking: 0em;
  --type-prescription-numerals: tabular-nums;
  --type-code: 400 14px/20px var(--font-mono);
  --type-code-size: 14px;
  --type-code-leading: 1.4286;
  --type-code-tracking: 0em;

  /* Spacing, grid, row and surface geometry. */
  --space-s0: 0px;
  --space-quarter: 2px;
  --space-s1: 4px;
  --space-s2: 8px;
  --space-s3: 12px;
  --space-s4: 16px;
  --space-s5: 20px;
  --space-s6: 24px;
  --space-s7: 28px;
  --space-s8: 32px;
  --space-s12: 48px;
  --grid-columns: 4;
  --grid-margin: 24px;
  --grid-gutter: 16px;
  --grid-baseline-unit: 8px;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-panel: 24px;
  --layout-screen-inset: 24px;
  --layout-header-top-inset: 8px;
  --layout-header-content-gap: 16px;
  --layout-section-gap: 32px;
  --layout-editorial-gap: 48px;
  --layout-content-gap: 16px;
  --layout-related-gap: 8px;
  --layout-tight-gap: 4px;
  --layout-stacked-text-gap: 2px;
  --layout-card-padding: 16px;
  --layout-control-padding: 16px;
  --layout-control-vertical-padding: 14px;
  --layout-compact-control-padding: 12px;
  --layout-floating-inset: 12px;
  --layout-floating-control-clearance: 96px;
  --layout-minimum-tap-target: 44px;
  --layout-button-min-height: 54px;
  --layout-compact-button-min-height: 44px;
  --layout-field-min-height: 52px;
  --layout-reading-max-width: 640px;
  --row-icon-width: 24px;
  --row-gap: 8px;
  --row-horizontal-inset: 16px;
  --row-vertical-inset: 14px;
  --row-minimum-height: 44px;
  --row-divider-inset: 48px;
  --row-divider-thickness: 0.5px;
  --surface-panel-radius: 24px;
  --surface-floating-diameter: 48px;
  --surface-icon-button-diameter: 36px;
  --surface-icon-well-diameter: 32px;
  --surface-empty-state-glyph-diameter: 56px;
  --surface-summary-minimum-height: 156px;
  --surface-sidebar-page-peek: 80px;
  --surface-sidebar-page-radius: 44px;

  /* Motion. */
  --motion-instant-duration: 100ms;
  --motion-instant-easing: ease-out;
  --motion-quick-duration: 150ms;
  --motion-quick-easing: ease-out;
  --motion-standard-duration: 250ms;
  --motion-standard-easing: ease-in-out;
  --motion-modal-duration: 360ms;
  --motion-modal-easing: ease-in-out;
  --motion-brand-entrance-duration: 650ms;
  --motion-brand-entrance-easing: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #080808;
    --color-grouped-background: #111111;
    --color-utility-surface: #191919;
    --color-subtle-surface: #202020;
    --color-border-subtle: #303030;
    --color-placeholder-fill: #303030;
    --color-scrim: rgb(0 0 0 / 0.48);
    --color-translucent-surface: rgb(24 24 24 / 0.72);
    --color-control-fill: rgb(32 32 32 / 0.86);
    --color-glass-fill: rgb(23 23 23 / 0.64);
    --color-glass-stroke: rgb(255 255 255 / 0.2);
    --color-floating-shadow: rgb(0 0 0 / 0.34);
    --color-primary-text: #FFFFFF;
    --color-secondary-text: #B8B8B8;
    --color-tertiary-text: #A6A6A6;
    --color-divider: rgb(255 255 255 / 0.08);
    --color-interactive-foreground: #82B3EE;
    --color-accent-surface: #001B3D;
    --color-accent-border: #003E87;
    --color-on-accent: #001B3D;
    --color-success: #76C991;
    --color-warning: #E1AC59;
    --color-rest: #A9ADDB;
    --color-stat-highlight: rgb(255 255 255 / 0.1);
    --color-on-danger: #080808;
    --color-overlay-scrim: rgb(0 0 0 / 0.48);
    --color-subtle-scrim: rgb(0 0 0 / 0.24);
    --color-sidebar-scrim: rgb(0 0 0 / 0.18);
    --color-accent-on-tint: #82B3EE;
    --color-success-on-tint: #76C991;
    --color-warning-on-tint: #E1AC59;
    --color-danger-on-tint: #F07B74;
    --color-rest-on-tint: #A9ADDB;
    --color-danger: #F07B74;
  }
}