:root {
  --coral: #f43f5e;
  --coral-dark: #e11d48;
  --indigo: #6366f1;
  --dark: #0f172a;
  --text: #1e293b;
  --text-light: #64748b;
  --bg: #ffffff;
  --bg-alt: #f8fafc;
  --border: #e2e8f0;
  --radius: 12px;
  --shadow: 0 10px 40px rgba(0,0,0,0.06);
  --shadow-hover: 0 20px 50px rgba(244, 63, 94, 0.12);
  
  --font-body: 'Inter', -apple-system, sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;
  
  --space-2: 0.5rem; --space-4: 1rem; --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem;
  --container-max: 1200px;
  --transition: 0.3s ease;
}