:root {
  /* Primary Colors - Uber Black & White */
  --color-black: #000000;
  --color-white: #ffffff;
  
  /* Grays */
  --color-gray-100: #f3f3f3;
  --color-gray-200: #efefef;
  --color-gray-300: #e2e2e2;
  --color-gray-500: #4b4b4b;
  --color-gray-400: #afafaf;
  
  /* Shadows */
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.16);
  --shadow-floating: 0 2px 8px rgba(0, 0, 0, 0.16);
  --shadow-pressed: inset 0 0 0 999px rgba(0, 0, 0, 0.08);
  
  /* Background */
  --bg-primary: #ffffff;
  --bg-secondary: #f3f3f3;
  
  /* Text */
  --text-primary: #000000;
  --text-secondary: #4b4b4b;
  --text-muted: #afafaf;
  
  /* Typography */
  --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Font Sizes */
  --text-display: 3.25rem;
  --text-h1: 2.25rem;
  --text-h2: 2rem;
  --text-h3: 1.5rem;
  --text-h4: 1.25rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-micro: 0.75rem;
  
  /* Font Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  
  /* Line Heights */
  --leading-tight: 1.23;
  --leading-snug: 1.33;
  --leading-normal: 1.5;
  
  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;
  
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
}

/* Dark Mode */
[data-theme="dark"] {
  --color-black: #000000;
  --color-white: #ffffff;
  
  --color-gray-100: #1a1a1a;
  --color-gray-200: #2d2d2d;
  --color-gray-300: #404040;
  --color-gray-500: #b0b0b0;
  --color-gray-400: #808080;
  
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-floating: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-pressed: inset 0 0 0 999px rgba(255, 255, 255, 0.08);
  
  --bg-primary: #121212;
  --bg-secondary: #1a1a1a;
  
  --text-primary: #ffffff;
  --text-secondary: #b0b0b0;
  --text-muted: #808080;
}