:root {
  /* ── COLORS ── */
  --color-black:        #000000;
  --color-surface-1:    #0a0a0a;
  --color-surface-2:    #111111;
  --color-surface-3:    #1a1a1a;
  --color-surface-4:    #242424;
  --color-white:        #ffffff;
  --color-text:         #ffffff;
  --color-text-mid:     rgba(255,255,255,0.75);
  --color-text-muted:   rgba(255,255,255,0.45);
  --color-text-faint:   rgba(255,255,255,0.25);

  /* Violet / Purple spectrum */
  --color-violet:       #7c3aed;
  --color-violet-mid:   #8b5cf6;
  --color-violet-light: #a855f7;
  --color-neon:         #c084fc;
  --color-neon-glow:    #d8b4fe;

  /* Gradient */
  --grad-violet:        linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);
  --grad-violet-h:      linear-gradient(90deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);
  --grad-text:          linear-gradient(135deg, #c084fc 0%, #a855f7 40%, #7c3aed 100%);

  /* Gold accent */
  --color-gold:         #f59e0b;
  --color-gold-dim:     #d97706;

  /* Borders */
  --color-border:       rgba(255,255,255,0.08);
  --color-border-mid:   rgba(255,255,255,0.14);
  --color-border-accent: rgba(124,58,237,0.35);
  --color-border-neon:  rgba(192,132,252,0.3);

  /* ── TYPOGRAPHY ── */
  --font-display:   'Inter', sans-serif;
  --font-body:      'DM Sans', sans-serif;

  /* Scale */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-md:    1.125rem;
  --text-lg:    1.25rem;
  --text-xl:    1.5rem;
  --text-2xl:   2rem;
  --text-3xl:   2.75rem;
  --text-4xl:   3.5rem;
  --text-hero:  clamp(2.6rem, 4.8vw, 5.2rem);
  --text-mega:  clamp(4rem, 9vw, 10rem);

  /* ── SPACING ── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* ── EFFECTS ── */
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    12px;
  --radius-xl:    20px;
  --radius-pill:  9999px;

  --shadow-sm:    0 2px 8px rgba(0,0,0,0.4);
  --shadow-md:    0 8px 32px rgba(0,0,0,0.5);
  --shadow-violet: 0 0 40px rgba(124,58,237,0.3);
  --shadow-neon:  0 0 60px rgba(192,132,252,0.2);
  --glow-violet:  0 0 20px rgba(168,85,247,0.6), 0 0 60px rgba(124,58,237,0.3);
  --glow-neon:    0 0 30px rgba(192,132,252,0.5);

  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s cubic-bezier(0.16,1,0.3,1);

  --section-pad: clamp(4rem, 8vw, 7rem);
  --container:   1280px;
}