:root {
  /* Brand Colors - Dark Luxury with Neon Accents */
  --color-bg-body: #020617; /* Very dark slate */
  --color-bg-surface: #0f172a; /* Slate 900 */
  --color-bg-surface-glass: rgba(15, 23, 42, 0.8);
  
  --color-primary: #10b981; /* Emerald 500 - Fresh Juice Color */
  --color-primary-glow: rgba(16, 185, 129, 0.5);
  --color-secondary: #0ea5e9; /* Sky 500 - Trust/Tech */
  
  --color-text-main: #f8fafc; /* Slate 50 */
  --color-text-muted: #94a3b8; /* Slate 400 */
  --color-border: #1e293b; /* Slate 800 */

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --gradient-dark: linear-gradient(to bottom, #020617, #0f172a);
  --gradient-glass: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);

  /* Typography */
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --container-width: 1200px;
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-glow: 0 0 20px -5px var(--color-primary-glow);
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}