/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-sky-50: #F3F8FF;
  --primitive-color-sky-100: #E6F1FF;
  --primitive-color-sky-200: #BFE0FF;
  --primitive-color-sky-400: #7CC4FF;
  --primitive-color-sky-500: #3B9BFF;
  --primitive-color-sky-600: #1F7BFF;
  --primitive-color-sky-700: #155FD6;
  --primitive-color-night-500: #4A5A8F;
  --primitive-color-night-700: #1B2650;
  --primitive-color-night-900: #0E1533;
  --primitive-color-cream-50: #FFFBF2;
  --primitive-color-cream-100: #FFF4DC;
  --primitive-color-lemon-400: #FFD23F;
  --primitive-color-lemon-500: #FFC300;
  --primitive-color-coral-400: #FF5D8F;
  --primitive-color-coral-500: #F43B75;
  --primitive-color-mint-400: #3DE1A5;
  --primitive-color-mint-500: #17C98A;
  --primitive-color-mint-600: #0FA672;
  --primitive-color-tangerine-400: #FF8A3D;
  --primitive-color-lilac-400: #B58CFF;
  --primitive-color-white: #FFFFFF;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-10: 2.5rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-16: 4rem;
  --primitive-spacing-24: 6rem;
  --primitive-radius-sm: 10px;
  --primitive-radius-md: 16px;
  --primitive-radius-lg: 24px;
  --primitive-radius-xl: 36px;
  --primitive-radius-pill: 999px;
  --primitive-font-family: 'Onest', 'Segoe UI', system-ui, sans-serif;
  --primitive-font-weight-regular: 450;
  --primitive-font-weight-medium: 600;
  --primitive-font-weight-black: 800;
  --primitive-font-size-xs: 0.75rem;
  --primitive-font-size-sm: 0.875rem;
  --primitive-font-size-base: 1rem;
  --primitive-font-size-lg: 1.25rem;
  --primitive-font-size-xl: 1.5rem;
  --primitive-font-size-2xl: 2rem;
  --primitive-font-size-display-sm: clamp(2.25rem, 5vw, 4rem);
  --primitive-font-size-display-md: clamp(3rem, 8vw, 7rem);
  --primitive-font-size-display-xl: clamp(4rem, 13vw, 11.5rem);
  --primitive-shadow-sky: 0 18px 50px -20px rgba(21, 95, 214, 0.45);
  --primitive-shadow-night: 0 24px 60px -24px rgba(14, 21, 51, 0.55);
  --primitive-shadow-ink-text: 0 4px 0 #0E1533;
  --primitive-motion-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --primitive-motion-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --primitive-motion-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --primitive-motion-fast: 160ms;
  --primitive-motion-base: 240ms;
  --primitive-motion-slow: 520ms;
}

/* === SEMANTIC === */
:root {
  --color-surface-sky: #3B9BFF;
  --color-surface-sky-deep: #1F7BFF;
  --color-surface-sky-light: #7CC4FF;
  --color-surface-lemon: #FFD23F;
  --color-surface-coral: #FF5D8F;
  --color-surface-mint: #3DE1A5;
  --color-surface-night: #0E1533;
  --color-surface-app: #E6F1FF;
  --color-surface-panel: #FFFFFF;
  --color-surface-cream: #FFFBF2;
  --color-ink-strong: #0E1533;
  --color-ink-soft: #4A5A8F;
  --color-ink-on-flat: #FFFBF2;
  --color-long: #17C98A;
  --color-long-strong: #0FA672;
  --color-short: #F43B75;
  --color-accent: #FFD23F;
  --color-line: #BFE0FF;
  --typography-display: 'Unbounded', 'Onest', system-ui, sans-serif;
  --typography-body: 'Onest', 'Segoe UI', system-ui, sans-serif;
  --radius-control: 999px;
  --radius-card: 24px;
  --radius-panel: 16px;
}

/* === COMPONENTS === */
:root {
  --button-primary-bg: #FFFBF2;
  --button-primary-fg: #0E1533;
  --button-dark-bg: #0E1533;
  --button-dark-fg: #FFFBF2;
  --button-accent-bg: #FFD23F;
  --button-accent-fg: #0E1533;
  --button-radius: 999px;
  --card-bg: #FFFFFF;
  --card-radius: 24px;
  --card-shadow: 0 18px 50px -20px rgba(21, 95, 214, 0.45);
  --chip-bg: #E6F1FF;
  --chip-fg: #0E1533;
  --chip-radius: 999px;
  --chart-line: #0E1533;
  --chart-up: #17C98A;
  --chart-down: #F43B75;
  --chart-grid: #BFE0FF;
}