:root{
  --ink-1000:#01030a; --ink-950:#030611; --ink-900:#060b17; --ink-850:#091120;
  --ink-800:#0c1628; --ink-750:#102039; --ink-700:#162842;
  --white:#f7f9ff; --text:#dce6f7; --muted:#8fa1bc; --faint:#7284a0;
  --blue-600:#1767ff; --blue-500:#2c82ff; --blue-400:#55a1ff;
  --cyan-500:#21d6ff; --violet-600:#7148ff; --violet-500:#8b5cff;
  --magenta-500:#d052ff; --green-500:#36e2a1; --yellow-500:#f7c86a; --red-500:#ff647c;
  --gradient-brand:linear-gradient(110deg,var(--cyan-500) 0%,var(--blue-500) 34%,var(--violet-500) 68%,var(--magenta-500) 100%);
  --gradient-button:linear-gradient(115deg,#1777ff 0%,#6359ff 58%,#a64fff 100%);
  --gradient-panel:linear-gradient(145deg,rgba(22,42,76,.76),rgba(5,11,24,.72));
  --line:rgba(149,181,255,.15); --line-strong:rgba(97,151,255,.35);
  --glass:rgba(8,17,33,.68); --glass-strong:rgba(10,22,42,.88);
  --shadow-sm:0 8px 24px rgba(0,0,0,.24);
  --shadow-md:0 18px 50px rgba(0,0,0,.38);
  --shadow-lg:0 35px 90px rgba(0,0,0,.5);
  --glow-blue:0 0 32px rgba(44,130,255,.36);
  --glow-violet:0 0 42px rgba(139,92,255,.3);
  --radius-xs:8px; --radius-sm:12px; --radius-md:18px; --radius-lg:24px; --radius-xl:32px; --radius-pill:999px;
  --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;
  --container:1240px;
  --font-display:'Manrope', Inter, sans-serif;
  --ease:cubic-bezier(.22,.8,.22,1); --ease-spring:cubic-bezier(.16,1,.3,1);
  --dur-fast:160ms; --dur:280ms; --dur-slow:700ms;
}