:root {
  /* Colors */
  --white: #FFFFFF;
  --gray: #F7F6F3;
  --black: #121418;
  --green: #fdaf1c;
  --green-hover: #e89e0a;
  --orange: #fd247b;
  --violet: #b93fc6;
  --coral: #fd247b;
  --cyan: #299cf5;
  --teal-deep: #121418;
  --teal-mid: #1e2028;
  --text-muted: #6B6760;
  --teal-white: #f5f4f0;
  --teal-gray: #edecea;
  --teal-dark: #121418;
  --teal-darker: #0d0f12;

  /* Radii */
  --radius: 24px;
  --radius-lg: 32px;
  --radius-sm: 12px;
  --radius-full: 9999px;

  /* Typography */
  --font: 'Inter', sans-serif;
  --font-display: 'Space Grotesk', sans-serif;
  --heading-tracking: -0.03em;
  --body-lh: 1.6;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-2xl: 120px;

  /* Gradients */
  --gradient-gold: linear-gradient(135deg, #fdaf1c, #e8792b);
  --gradient-coral: linear-gradient(135deg, #fd247b, #ff6b6b);
  --gradient-violet: linear-gradient(135deg, #b93fc6, #8b5cf6);
  --gradient-cyan: linear-gradient(135deg, #299cf5, #06b6d4);
  --gradient-spectrum: linear-gradient(135deg, #fdaf1c, #fd247b, #b93fc6);

  /* Glows */
  --glow-gold: 0 0 60px rgba(253, 175, 28, 0.15);
  --glow-cyan: 0 0 60px rgba(41, 156, 245, 0.12);
  --glow-violet: 0 0 60px rgba(185, 63, 198, 0.12);
  --glow-coral: 0 0 60px rgba(253, 36, 123, 0.12);

  /* Animation */
  --stagger-delay: 0.08s;
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.4s;

  /* Sizing */
  --container-max: 1200px;
  --section-pad: clamp(40px, 7vh, 80px);
  --mobile-cta-bar-h: 64px;
}