/* Generated by scripts/build-design-tokens.mjs. Edit tokens.json. */
:root {
  --up-brand-cloud: #F8FAFC;
  --up-brand-milk: #FFFDF8;
  --up-brand-night: #20253D;
  --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: #F8FAFC;
  --up-surface: #F8F6F1;
  --up-surface-raised: #FFFFFF;
  --up-surface-inset: #EEEDE8;
  --up-surface-hover: #FFFAEB;
  --up-surface-active: #E9F2FA;
  --up-surface-translucent: #FFFDF8F2;
  --up-text-primary: #20253D;
  --up-text-secondary: #495267;
  --up-text-muted: #586272;
  --up-text-subtle: #5D6676;
  --up-text-on-brand: #FFFFFF;
  --up-border-soft: #DADCD9;
  --up-border-strong: #838B94;
  --up-highlight: #FFFFFF;
  --up-shadow: #898174;
  --up-shadow-strong: #5C5669;
  --up-brand-primary: #24649A;
  --up-brand-primary-dark: #184E7B;
  --up-brand-primary-soft: #E8F2FA;
  --up-brand-secondary: #FFD868;
  --up-brand-secondary-dark: #70510B;
  --up-brand-secondary-soft: #FFF3CF;
  --up-accent-lavender: #685397;
  --up-accent-lavender-soft: #F0ECFA;
  --up-accent-coral: #AD493C;
  --up-accent-coral-dark: #8F3C32;
  --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: #20253D;
  --up-night-raised: #303750;
  --up-clay-yellow: #FFF0BA;
  --up-clay-peach: #FFE3D7;
  --up-clay-mint: #D9F0E5;
  --up-clay-sky: #DFEFFB;
  --up-clay-lavender: #E9E3FA;
  --up-radius-sm: 12px;
  --up-radius-md: 16px;
  --up-radius-lg: 20px;
  --up-radius-card: 24px;
  --up-radius-xl: 28px;
  --up-radius-xxl: 32px;
  --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: #171B2B;
  --up-background-secondary: #1C2133;
  --up-surface: #242A3E;
  --up-surface-raised: #2C3248;
  --up-surface-inset: #1A1F30;
  --up-surface-hover: #363E55;
  --up-surface-active: #293F56;
  --up-surface-translucent: #242A3EF5;
  --up-text-primary: #FFF8E8;
  --up-text-secondary: #E2E0DC;
  --up-text-muted: #BEC1CD;
  --up-text-subtle: #ACB3C4;
  --up-text-on-brand: #FFFFFF;
  --up-border-soft: #465067;
  --up-border-strong: #8591AB;
  --up-highlight: #596177;
  --up-shadow: #080C18;
  --up-shadow-strong: #050814;
  --up-brand-primary: #336F9E;
  --up-brand-primary-dark: #B9DDF7;
  --up-brand-primary-soft: #293F56;
  --up-brand-secondary: #E9C567;
  --up-brand-secondary-dark: #F1D898;
  --up-brand-secondary-soft: #403824;
  --up-accent-lavender: #CEC1EF;
  --up-accent-lavender-soft: #39334F;
  --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: #171B2B;
  --up-night-raised: #242A3E;
  --up-clay-yellow: #403824;
  --up-clay-peach: #473239;
  --up-clay-mint: #243E35;
  --up-clay-sky: #293F56;
  --up-clay-lavender: #39334F;
    --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;
  }
}