:root {
  /* ── COLORS ── */
  --color-primary:        #8B45FF;
  --color-primary-dark:   #6B21FF;
  --color-primary-deeper: #4C1D95;
  --color-purple-brand:   #7C3AED;
  --color-purple-light:   #A855F7;
  --color-purple-medium:  #5B21B6;

  --color-bg-dark:     #1E1B4B;
  --color-bg-medium:   #312E81;
  --color-bg-deepest:  #0F1220;

  --color-text-white:        #FFFFFF;
  --color-text-white-muted:  rgba(255, 255, 255, 0.76);
  --color-text-white-subtle: rgba(255, 255, 255, 0.55);
  --color-text-dark:         #172233;
  --color-text-body:         #374151;
  --color-text-muted:        #6B7280;

  --color-success:          #10B981;
  --color-warning:          #F59E0B;
  --color-danger:           #EF4444;
  --color-info:             #3B82F6;
  --color-whatsapp:         #25D366;
  --color-whatsapp-hover:   #1EBE5D;

  /* ── GRADIENTS ── */
  --gradient-brand:       linear-gradient(135deg, #8B45FF 0%, #6B21FF 50%, #4C1D95 100%);
  --gradient-brand-hover: linear-gradient(135deg, #7A35EF 0%, #5B11DF 50%, #3C0D85 100%);

  /* ── GLASS ── */
  --glass-bg:     rgba(255, 255, 255, 0.10);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-blur:   blur(12px);

  /* ── TYPOGRAPHY ── */
  --font-display:         'Space Grotesk', sans-serif;
  --font-primary:         'DM Sans', sans-serif;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  32px;
  --text-4xl:  36px;
  --text-5xl:  44px;
  --text-hero: clamp(36px, 5.5vw, 64px);

  /* ── SPACING ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --section-padding-y: clamp(72px, 9vw, 112px);

  /* ── RADIUS ── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* ── SHADOWS ── */
  --shadow-xs:     0 1px 2px rgba(15, 18, 32, 0.05);
  --shadow-sm:     0 4px 12px rgba(15, 18, 32, 0.07);
  --shadow-md:     0 12px 32px rgba(15, 18, 32, 0.10);
  --shadow-lg:     0 24px 64px rgba(15, 18, 32, 0.14);
  --shadow-purple: 0 4px 20px rgba(139, 69, 255, 0.28);

  /* ── TRANSITIONS ── */
  --transition-fast: 180ms ease;
  --transition-base: 280ms ease;
  --transition-slow: 420ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ── LAYOUT ── */
  --container-max:  1200px;
  --navbar-height:  72px;
  --container-pad:  clamp(16px, 4vw, 32px);
}