/**
 * Design System Tokens
 * Base CSS variables for theming system
 */

:root {
  /* Typography */
  --font-body: system-ui, 'Segoe UI', Roboto, Inter, Arial, sans-serif;
  
  /* Text Colors - Dark Theme (Default) */
  --text-hero: #fff;
  --text-body: #e9edf1;
  --text-muted: #b6bfca;
  
  /* Surface Colors - Dark Theme */
  --surface-950: #0b0b12;
  --surface-900: #111322;
  --surface-800: #151833;
  --surface-700: #1b2040;
  
  /* Card System */
  --card-bg: rgba(255, 255, 255, 0.04);
  --card-stroke: rgba(255, 255, 255, 0.08);
  
  /* Default Gradient (Neutral) */
  --grad-1: #1b1b1b;
  --grad-2: #242424;
  --grad-3: #3a3a3a;
  --accent: #6a6a6a;
  --accent-2: #9a9a9a;
  
  /* Accent Text Contrast (Auto-calculated) */
  --accent-hero-text: #fff;
}

/* Light Theme Override */
body[data-theme="light"] {
  /* Text Colors - Light Theme */
  --text-hero: #111322;
  --text-body: #222638;
  --text-muted: #5a6273;
  
  /* Surface Colors - Light Theme */
  --surface-950: #fff;
  --surface-900: #f7f8fa;
  --surface-800: #eef1f6;
  --surface-700: #e6eaf2;
  
  /* Card System - Light Theme */
  --card-bg: rgba(0, 0, 0, 0.03);
  --card-stroke: rgba(0, 0, 0, 0.08);
}