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

/* === PRIMITIVES === */
:root {
  --primitive-color-blue-50: #EEEFFE;
  --primitive-color-blue-100: #DCDDFB;
  --primitive-color-blue-200: #B7BAF7;
  --primitive-color-blue-300: #8F92F4;
  --primitive-color-blue-400: #5552F2;
  --primitive-color-blue-500: #3B37F0;
  --primitive-color-blue-600: #2A26E8;
  --primitive-color-blue-700: #1F1BC0;
  --primitive-color-blue-800: #17139A;
  --primitive-color-night-700: #2C3468;
  --primitive-color-night-800: #1E2656;
  --primitive-color-night-900: #141B45;
  --primitive-color-night-950: #0B1236;
  --primitive-color-paper-50: #F3F4F9;
  --primitive-color-paper-100: #E8EAF3;
  --primitive-color-paper-200: #D9DCEA;
  --primitive-color-paper-card: #FFFFFF;
  --primitive-color-ink-400: #8A8FAD;
  --primitive-color-ink-600: #4A4F6E;
  --primitive-color-seal-100: #FFE1EA;
  --primitive-color-seal-300: #FF7FA6;
  --primitive-color-seal-500: #E3155A;
  --primitive-color-seal-600: #C70F4D;
  --primitive-color-lime-100: #F2FCC8;
  --primitive-color-lime-400: #D4F53C;
  --primitive-color-lime-500: #BFE21F;
  --primitive-color-sun-100: #FFF1C7;
  --primitive-color-sun-400: #FFC21A;
  --primitive-color-sun-500: #F2AE00;
  --primitive-font-display: 'Sofia Sans Extra Condensed', 'Arial Narrow', sans-serif;
  --primitive-font-sans: 'Satoshi', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --primitive-radius-sm: 10px;
  --primitive-radius-md: 16px;
  --primitive-radius-lg: 24px;
  --primitive-radius-pill: 999px;
  --primitive-space-1: 4px;
  --primitive-space-2: 8px;
  --primitive-space-3: 12px;
  --primitive-space-4: 16px;
  --primitive-space-5: 24px;
  --primitive-space-6: 32px;
  --primitive-space-7: 48px;
  --primitive-space-8: 64px;
  --primitive-space-9: 96px;
  --primitive-space-10: 144px;
  --primitive-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --primitive-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --primitive-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --primitive-duration-press: 140ms;
  --primitive-duration-fast: 200ms;
  --primitive-duration-base: 320ms;
  --primitive-duration-slow: 640ms;
}

/* === SEMANTIC === */
:root {
  --color-field: #2A26E8;
  --color-field-deep: #1F1BC0;
  --color-field-line: #5552F2;
  --color-on-field: #FFFFFF;
  --color-on-field-mute: #DCDDFB;
  --color-canvas: #F3F4F9;
  --color-canvas-sunk: #E8EAF3;
  --color-line: #D9DCEA;
  --color-card: #FFFFFF;
  --color-night: #0B1236;
  --color-night-raise: #1E2656;
  --color-text: #0B1236;
  --color-text-mute: #4A4F6E;
  --color-action: #E3155A;
  --color-action-press: #C70F4D;
  --color-on-action: #FFFFFF;
  --color-released: #D4F53C;
  --color-money: #FFC21A;
  --color-sealed: #E3155A;
  --shadow-soft: 0 18px 40px -16px rgba(11, 18, 54, 0.35);
  --shadow-lift: 0 34px 70px -24px rgba(11, 18, 54, 0.5);
  --shadow-field: 0 30px 60px -24px rgba(10, 8, 90, 0.55);
}

/* === COMPONENTS === */
:root {
  --button-bg: #E3155A;
  --button-bg-press: #C70F4D;
  --button-fg: #FFFFFF;
  --button-radius: 999px;
  --button-height: 56px;
  --card-bg: #FFFFFF;
  --card-radius: 16px;
  --card-shadow: 0 18px 40px -16px rgba(11, 18, 54, 0.35);
  --toast-bg: #FFFFFF;
  --toast-radius: 16px;
  --toast-shadow: 0 34px 70px -24px rgba(11, 18, 54, 0.5);
}