/* Layer 1 — PRIMITIVE tokens. Raw values. Never reference these directly in components; go through semantic tokens. */
:root{
/* Violet — brand. 500 = electric violet (refined from #7057FF, unchanged). */
--qg-violet-50:#F4F2FF;--qg-violet-100:#EAE6FF;--qg-violet-200:#DDD7FF;--qg-violet-300:#C0B4FF;--qg-violet-400:#9A88FF;--qg-violet-500:#7057FF;--qg-violet-600:#5A3FEC;--qg-violet-700:#4630C6;--qg-violet-800:#33238F;--qg-violet-900:#22185C;
/* Cyan — signal. 300 = ice cyan #78E4EB. Text-safe on light from 700. */
--qg-cyan-50:#EDFBFC;--qg-cyan-100:#D4F6F8;--qg-cyan-200:#AAEEF2;--qg-cyan-300:#78E4EB;--qg-cyan-400:#46CFD9;--qg-cyan-500:#1FB2BE;--qg-cyan-600:#138F9B;--qg-cyan-700:#0E6F79;--qg-cyan-800:#0D565E;--qg-cyan-900:#0A3D43;
/* Lilac — soft lilac #DDD7FF lives at violet-200; extra tints for mist gradients */
--qg-lilac-100:#EEEBFF;--qg-lilac-200:#DDD7FF;--qg-lilac-300:#CBC2FA;
/* Ink neutrals — cool, slightly violet-biased. 25 = porcelain, 950 = ink. */
--qg-ink-0:#FFFFFF;--qg-ink-25:#F7F8FC;--qg-ink-50:#EFF0F7;--qg-ink-100:#E4E6F0;--qg-ink-200:#D1D4E2;--qg-ink-300:#B2B5C8;--qg-ink-400:#8D90A6;--qg-ink-500:#72758A;--qg-ink-600:#5C5F74;--qg-ink-700:#42455A;--qg-ink-800:#2A2C41;--qg-ink-850:#1F2135;--qg-ink-900:#181A2E;--qg-ink-950:#111326;--qg-ink-1000:#0A0B18;
/* Status hues */
--qg-green-100:#DDF5EA;--qg-green-500:#1F9D69;--qg-green-600:#167A52;--qg-green-300:#6FD3A6;
--qg-amber-100:#FBF0D6;--qg-amber-500:#B7800C;--qg-amber-600:#8F6308;--qg-amber-300:#F0C766;
--qg-red-100:#FCE3E7;--qg-red-500:#DB3B53;--qg-red-600:#B32740;--qg-red-300:#FF8D9E;
/* Alpha helpers */
--qg-white-a8:rgba(255,255,255,.08);--qg-white-a12:rgba(255,255,255,.12);--qg-white-a24:rgba(255,255,255,.24);--qg-white-a64:rgba(255,255,255,.64);
--qg-ink-a6:rgba(17,19,38,.06);--qg-ink-a10:rgba(17,19,38,.10);--qg-ink-a16:rgba(17,19,38,.16);--qg-ink-a48:rgba(17,19,38,.48);--qg-ink-a72:rgba(10,11,24,.72);
--qg-violet-a16:rgba(112,87,255,.16);--qg-violet-a32:rgba(112,87,255,.32);--qg-cyan-a24:rgba(120,228,235,.24);
/* Spacing — 4px base */
--qg-space-0:0;--qg-space-0-5:2px;--qg-space-1:4px;--qg-space-2:8px;--qg-space-3:12px;--qg-space-4:16px;--qg-space-5:20px;--qg-space-6:24px;--qg-space-8:32px;--qg-space-10:40px;--qg-space-12:48px;--qg-space-16:64px;--qg-space-20:80px;--qg-space-24:96px;--qg-space-32:128px;--qg-space-40:160px;
/* Radius — derived from the Q frame (corner ≈ 30% of side) */
--qg-radius-xs:6px;--qg-radius-sm:10px;--qg-radius-md:14px;--qg-radius-lg:20px;--qg-radius-xl:28px;--qg-radius-2xl:36px;--qg-radius-pill:999px;
/* Durations & easings */
--qg-dur-instant:80ms;/* @kind other */--qg-dur-fast:140ms;/* @kind other */--qg-dur-base:220ms;/* @kind other */--qg-dur-slow:360ms;/* @kind other */--qg-dur-scene:620ms;/* @kind other */--qg-dur-signature:1100ms;/* @kind other */
--qg-ease-standard:cubic-bezier(.2,.7,.2,1);/* @kind other */--qg-ease-enter:cubic-bezier(.16,1,.3,1);/* @kind other */--qg-ease-exit:cubic-bezier(.5,0,.75,0);/* @kind other */--qg-ease-morph:cubic-bezier(.76,0,.24,1);/* @kind other */--qg-ease-spring:cubic-bezier(.34,1.4,.64,1);/* @kind other */
}