:root{
/* Ink — dark canvas */
--ink-950:#06050A;--ink-900:#0B0A11;--ink-850:#111019;--ink-800:#17151F;--ink-700:#24212F;--ink-600:#363245;
/* Mist — light card surfaces */
--mist-0:#FFFFFF;--mist-50:#F8F7FB;--mist-100:#F1EFF7;--mist-200:#E7E3F2;--mist-300:#D4CFE4;--mist-500:#8D88A0;--mist-700:#4B475A;--mist-900:#13111C;
/* Nebula spectrum */
--violet-50:#F1EBFF;--violet-300:#B79CFF;--violet-500:#8B5CF6;--violet-600:#7C3AED;--violet-700:#6524D9;
--magenta-500:#D946EF;--pink-500:#EC4899;
--orange-50:#FFF1E6;--orange-300:#FDBA74;--orange-500:#F98A2E;--orange-600:#EA6A12;
--blue-50:#EAEFFF;--blue-300:#93A8FF;--blue-500:#4F6BF6;--blue-600:#3A55E6;
/* Semantic */
--green-500:#22C55E;--green-600:#16A34A;--red-500:#F04438;--amber-400:#F7A928;
/* Gradients */
--gradient-nebula:linear-gradient(90deg,#7C3AED 0%,#C846E8 45%,#FF8A3D 100%); /* @kind color */

--gradient-text:linear-gradient(90deg,#6D5CFF 0%,#B54BF0 35%,#F35BB0 65%,#FF9A3E 100%); /* @kind color */

--gradient-button:linear-gradient(90deg,#7B42F6 0%,#C04BE0 55%,#FF7E45 100%); /* @kind color */

--gradient-mark:linear-gradient(135deg,#4F6BF6 0%,#8B5CF6 50%,#EC4899 100%); /* @kind color */

--gradient-card-light:linear-gradient(160deg,#FFFFFF 0%,#F4F1FA 100%); /* @kind color */

--gradient-quote:linear-gradient(160deg,#F3F0FA 0%,#E6E1F4 100%); /* @kind color */

/* Semantic aliases */
--surface-page:var(--ink-950);--surface-raised:var(--ink-900);--surface-panel:var(--ink-850);
--surface-card:var(--mist-50);--surface-card-alt:var(--mist-100);
--text-on-dark:#FFFFFF;--text-on-dark-muted:rgba(255,255,255,.72);--text-on-dark-subtle:rgba(255,255,255,.52);
--text-strong:var(--mist-900);--text-body:var(--mist-700);--text-subtle:var(--mist-500);
--border-on-dark:rgba(255,255,255,.12);--border-on-dark-strong:rgba(255,255,255,.28);--border-on-light:rgba(19,17,28,.08);
--accent:var(--violet-600);--accent-soft:var(--violet-50);
--positive:var(--green-500);--negative:var(--red-500);--rating:var(--amber-400);
}