:root{
  --color-bg:#090911;
  --color-surface:#0F1020;
  --color-surface-2:#15162A;
  --color-border:rgba(245,246,255,.14);
  --color-text:#F5F6FF;
  --color-text-muted:rgba(245,246,255,.72);

  --color-lime:#C2E812;
  --color-purple:#4B0082;

  --color-primary:var(--color-purple);
  --color-accent:var(--color-lime);

  --color-primary-hover:#5E1A95;
  --color-primary-pressed:#3C0068;
  --color-accent-hover:#D0F330;

  --grad-hero:linear-gradient(135deg, rgba(75,0,130,.28) 0%, rgba(194,232,18,.14) 55%, rgba(75,0,130,0) 100%);
  --grad-cta:linear-gradient(120deg, rgba(75,0,130,.34) 0%, rgba(194,232,18,.16) 58%, rgba(75,0,130,.1) 100%);
  --grad-divider:linear-gradient(90deg, rgba(75,0,130,0) 0%, rgba(75,0,130,.66) 40%, rgba(194,232,18,.66) 60%, rgba(194,232,18,0) 100%);
  --glow-primary:0 0 0 3px rgba(75,0,130,.42), 0 0 36px rgba(75,0,130,.3);

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;

  --shadow-sm:0 6px 18px rgba(0,0,0,.28);
  --shadow-md:0 14px 40px rgba(0,0,0,.38);
  --shadow-lg:0 24px 70px rgba(0,0,0,.55);

  --space-1:6px;
  --space-2:10px;
  --space-3:14px;
  --space-4:20px;
  --space-5:28px;
  --space-6:40px;
  --space-7:60px;
  --space-8:84px;

  --font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  --h1:clamp(40px,4vw,64px);
  --h2:clamp(28px,2.6vw,40px);
  --h3:22px;
  --body:17px;
  --lh:1.6;

  --container-max:1160px;
  --text-max:70ch;

  --section-py:96px;
}
@media (max-width:1023px){ :root{ --section-py:72px; } }
@media (max-width:767px){ :root{ --section-py:56px; } }