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

/* === PRIMITIVES === */
:root {
  --primitive-color-obsidian-600: #2B352E;
  --primitive-color-obsidian-700: #1D2721;
  --primitive-color-obsidian-800: #141B17;
  --primitive-color-obsidian-900: #0D1210;
  --primitive-color-obsidian-950: #070A08;
  --primitive-color-sand-50: #F4F1E8;
  --primitive-color-sand-200: #D7D8CF;
  --primitive-color-sand-400: #AAB2AA;
  --primitive-color-sand-600: #78827A;
  --primitive-color-gold-300: #FFE39A;
  --primitive-color-gold-400: #FFD466;
  --primitive-color-gold-500: #F4B72B;
  --primitive-color-gold-600: #D99512;
  --primitive-color-gold-700: #A96509;
  --primitive-color-moss-300: #A8E1A8;
  --primitive-color-moss-400: #7FD08A;
  --primitive-color-moss-500: #63C174;
  --primitive-color-moss-600: #469B59;
  --primitive-color-moss-700: #2F7D45;
  --primitive-color-red-400: #FF9B9B;
  --primitive-color-red-500: #FF7A7A;
  --primitive-color-red-700: #B74444;
  --primitive-color-blue-400: #8AB4F8;
  --primitive-space-1: 4px;
  --primitive-space-2: 8px;
  --primitive-space-3: 12px;
  --primitive-space-4: 16px;
  --primitive-space-5: 20px;
  --primitive-space-6: 24px;
  --primitive-space-8: 32px;
  --primitive-space-10: 40px;
  --primitive-space-12: 48px;
  --primitive-space-16: 64px;
  --primitive-space-24: 96px;
  --primitive-radius-sm: 8px;
  --primitive-radius-md: 12px;
  --primitive-radius-lg: 16px;
  --primitive-radius-xl: 24px;
  --primitive-radius-round: 999px;
  --primitive-duration-fast: 160ms;
  --primitive-duration-normal: 240ms;
  --primitive-duration-slow: 420ms;
}

/* === SEMANTIC === */
:root {
  --color-background: #070A08;
  --color-surface: #0D1210;
  --color-surface-elevated: #141B17;
  --color-surface-hover: #1D2721;
  --color-foreground: #F4F1E8;
  --color-foreground-muted: #AAB2AA;
  --color-foreground-subtle: #78827A;
  --color-border: #2B352E;
  --color-primary: #F4B72B;
  --color-primary-hover: #FFD466;
  --color-primary-active: #D99512;
  --color-on-primary: #070A08;
  --color-secondary: #63C174;
  --color-secondary-hover: #7FD08A;
  --color-on-secondary: #070A08;
  --color-success: #63C174;
  --color-warning: #F4B72B;
  --color-error: #FF7A7A;
  --color-info: #8AB4F8;
  --color-focus: #FFD466;
  --font-heading: Bahnschrift Condensed, Arial Narrow, sans-serif;
  --font-body: Geist, Segoe UI Variable, Segoe UI, sans-serif;
  --font-mono: Geist Mono, Cascadia Mono, Consolas, monospace;
  --motion-fast: 160ms;
  --motion-normal: 240ms;
  --motion-slow: 420ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* === COMPONENTS === */
:root {
  --button-primary-bg: #F4B72B;
  --button-primary-fg: #070A08;
  --button-radius: 12px;
  --button-height: 48px;
  --card-bg: #0D1210;
  --card-border: #2B352E;
  --card-radius: 16px;
  --input-bg: #141B17;
  --input-border: #2B352E;
  --input-focus: #FFD466;
  --input-radius: 8px;
  --progress-track: #141B17;
  --progress-fill: #F4B72B;
}
