/* Generated by scripts/build-design-tokens.mjs. Edit tokens.json. */
:root {
  --up-brand-cloud: #F8FAFC;
  --up-brand-milk: #FFFDF8;
  --up-brand-night: #10264D;
  --up-brand-chick: #FFD868;
  --up-brand-peach: #FFB59D;
  --up-brand-mint: #A8DFC8;
  --up-brand-sky: #B9DDF7;
  --up-brand-lavender: #CFC5F5;
  --up-background-primary: #FFFDF8;
  --up-background-secondary: #F8F5EE;
  --up-surface: #FFFDF8;
  --up-surface-raised: #FFFFFF;
  --up-surface-inset: #F7F8FA;
  --up-surface-hover: #FFF7EF;
  --up-surface-active: #FFF0E3;
  --up-surface-translucent: #FFFFFFF2;
  --up-text-primary: #17234A;
  --up-text-secondary: #344361;
  --up-text-muted: #59657D;
  --up-text-subtle: #64708A;
  --up-text-on-brand: #17234A;
  --up-border-soft: #E8EAF0;
  --up-border-strong: #8893A4;
  --up-highlight: #FFFFFF;
  --up-shadow: #455273;
  --up-shadow-strong: #17234A;
  --up-brand-primary: #F66010;
  --up-brand-primary-dark: #C13E00;
  --up-brand-primary-soft: #FFF0E6;
  --up-brand-secondary: #FFCF3F;
  --up-brand-secondary-dark: #6D4E00;
  --up-brand-secondary-soft: #FFF6D7;
  --up-accent-lavender: #7156B5;
  --up-accent-lavender-soft: #F3EFFF;
  --up-accent-coral: #C84738;
  --up-accent-coral-dark: #913128;
  --up-accent-coral-soft: #FFF0E9;
  --up-success: #246448;
  --up-success-soft: #E7F4ED;
  --up-warning: #805507;
  --up-warning-soft: #FFF1D3;
  --up-error: #AA383A;
  --up-error-soft: #FCECEB;
  --up-info: #24649A;
  --up-info-soft: #E8F2FA;
  --up-night: #17234A;
  --up-night-raised: #22345F;
  --up-clay-yellow: #FFF4CC;
  --up-clay-peach: #FFF1EA;
  --up-clay-mint: #ECF7F0;
  --up-clay-sky: #EDF6FC;
  --up-clay-lavender: #F6F2FF;
  --up-radius-sm: 10px;
  --up-radius-md: 14px;
  --up-radius-lg: 18px;
  --up-radius-card: 20px;
  --up-radius-xl: 24px;
  --up-radius-xxl: 28px;
  --up-radius-pill: 999px;
  --up-space-xxs: 4px;
  --up-space-xs: 8px;
  --up-space-sm: 12px;
  --up-space-md: 16px;
  --up-space-lg: 20px;
  --up-space-xl: 24px;
  --up-space-xxl: 32px;
  --up-space-xxxl: 40px;
  --up-space-huge: 48px;
  --up-space-section: 64px;
  --up-space-page: 80px;
  --up-space-hero: 96px;
  --up-z-base: 0;
  --up-z-raised: 10;
  --up-z-sticky: 20;
  --up-z-player: 30;
  --up-z-overlay: 40;
  --up-z-modal: 50;
  --up-z-toast: 60;
  --up-z-critical: 70;
  --up-shadow-soft-xs: 0 2px 4px #8981740D;
  --up-shadow-soft-sm: 0 4px 12px #89817414;
  --up-shadow-soft-md: 0 8px 24px #8981741F;
  --up-shadow-floating: 0 12px 32px #5C56692E;
  --up-shadow-clay-rest: inset 0 2px 1px #FFFFFFB3, inset 0 -3px 3px #89817412, 0 6px 16px #8981741A;
  --up-shadow-clay-hover: inset 0 2px 1px #FFFFFFB3, 0 10px 24px #89817426;
  --up-shadow-clay-pressed: inset 0 2px 4px #89817426;
  --up-shadow-glass-edge: inset 0 1px 0 #FFFFFF66;
  --up-shadow-modal: 0 20px 48px #20253D33;
  --up-focus: #24649A;
  --up-motion-fast: 150ms;
  --up-motion-regular: 220ms;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
  --up-background-primary: #17191F;
  --up-background-secondary: #1D1F26;
  --up-surface: #24262D;
  --up-surface-raised: #2C2E36;
  --up-surface-inset: #12141A;
  --up-surface-hover: #34363D;
  --up-surface-active: #39352A;
  --up-surface-translucent: #24262DF2;
  --up-text-primary: #F4F3F0;
  --up-text-secondary: #DAD9D5;
  --up-text-muted: #B6B7BF;
  --up-text-subtle: #B6B7BF;
  --up-text-on-brand: #FFFFFF;
  --up-border-soft: #3D3F46;
  --up-border-strong: #7C7E88;
  --up-highlight: #596177;
  --up-shadow: #080C18;
  --up-shadow-strong: #050814;
  --up-brand-primary: #C4510E;
  --up-brand-primary-dark: #FFB37C;
  --up-brand-primary-soft: #4A2A1C;
  --up-brand-secondary: #E9C567;
  --up-brand-secondary-dark: #F1D898;
  --up-brand-secondary-soft: #403824;
  --up-accent-lavender: #DAD9D5;
  --up-accent-lavender-soft: #24262D;
  --up-accent-coral: #F5AD98;
  --up-accent-coral-dark: #FFC8B6;
  --up-accent-coral-soft: #473239;
  --up-success: #A8DFC8;
  --up-success-soft: #243E35;
  --up-warning: #F1D898;
  --up-warning-soft: #403824;
  --up-error: #FFB2AE;
  --up-error-soft: #482D36;
  --up-info: #B9DDF7;
  --up-info-soft: #293F56;
  --up-night: #17191F;
  --up-night-raised: #24262D;
  --up-clay-yellow: #403824;
  --up-clay-peach: #24262D;
  --up-clay-mint: #24262D;
  --up-clay-sky: #24262D;
  --up-clay-lavender: #24262D;
    --up-focus: #B9DDF7;
    --up-shadow-soft-xs: 0 2px 4px #080C1826;
    --up-shadow-soft-sm: 0 4px 12px #080C1833;
    --up-shadow-soft-md: 0 8px 24px #080C184D;
    --up-shadow-floating: 0 12px 32px #05081466;
    --up-shadow-clay-rest: inset 0 1px 0 #59617766, inset 0 -2px 3px #080C1826, 0 6px 16px #080C1833;
    --up-shadow-clay-hover: inset 0 1px 0 #59617766, 0 10px 24px #080C184D;
    --up-shadow-clay-pressed: inset 0 2px 4px #080C1866;
    --up-shadow-glass-edge: inset 0 1px 0 #59617766;
    --up-shadow-modal: 0 20px 48px #05081480;
    color-scheme: dark;
  }
}