:root {
  /* Enhanced Primary Colors */
  --primary: #8B5CF6; /* Vibrant Purple */
  --primary-hover: #7C3AED;
  --secondary: #06B6D4; /* Bright Cyan */
  --bg-color: #F8FAFC;
  --surface-color: rgba(255, 255, 255, 0.85);
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --border-color: rgba(139, 92, 246, 0.15);
  
  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(139, 92, 246, 0.2);
  --glass-shadow: 0 10px 40px -10px rgba(139, 92, 246, 0.15);

  /* Gradients */
  --gradient-main: linear-gradient(135deg, #8B5CF6, #06B6D4);
  --gradient-bg: linear-gradient(120deg, #f8fafc 0%, #e0e7ff 50%, #cffafe 100%);

  /* Typography */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Border Radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  /* Transitions & Animations */
  --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --glow-hover: 0 0 25px rgba(139, 92, 246, 0.4);
}

[data-theme="dark"] {
  --bg-color: #0F172A;
  --surface-color: rgba(30, 41, 59, 0.7);
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --border-color: rgba(139, 92, 246, 0.25);
  --glass-bg: rgba(15, 23, 42, 0.7);
  --glass-border: rgba(139, 92, 246, 0.3);
  --glass-shadow: 0 10px 40px -10px rgba(139, 92, 246, 0.25);
  --gradient-bg: linear-gradient(120deg, #0f172a 0%, #1e1b4b 50%, #083344 100%);
  --glow-hover: 0 0 25px rgba(6, 182, 212, 0.5);
}