:root{
--purple-900:#3d0475;--purple-700:#5c0aa8;--purple-600:#6c07c9;--purple-500:#7c07f1;--purple-400:#9438f4;--purple-300:#b06ef7;--purple-200:#d3affb;--purple-100:#ede0fe;--purple-50:#f7f1fe;
--pink-700:#a0128c;--pink-600:#c033ac;--pink-500:#e050fa;--pink-400:#e771fb;--pink-300:#ef9dfc;--pink-200:#f6c8fd;--pink-100:#fbe6fe;
--grey-900:#171417;--grey-800:#2b272b;--grey-700:#4a454a;--grey-600:#6e696e;--grey-500:#8f8a8f;--grey-400:#b6b6b6;--grey-300:#d7d4d7;--grey-200:#e9e7e9;--grey-100:#f4f3f4;--grey-50:#fafafa;
--black:#000000;--white:#ffffff;
--success:#1fa971;--warning:#e0a300;--danger:#e0304f;--info:var(--purple-500);
--text-primary:var(--black);--text-secondary:var(--grey-600);--text-muted:var(--grey-500);--text-inverse:var(--white);--text-brand:var(--purple-500);--text-link:var(--purple-500);--text-link-hover:var(--purple-700);
--surface-page:var(--white);--surface-card:var(--white);--surface-sunken:var(--grey-50);--surface-inverse:var(--grey-900);--surface-brand:var(--purple-500);--surface-brand-hover:var(--purple-600);--surface-brand-active:var(--purple-700);--surface-accent:var(--pink-500);--surface-accent-hover:var(--pink-600);
--border-subtle:var(--grey-200);--border-default:var(--grey-300);--border-strong:var(--grey-500);--border-focus:var(--purple-500);
--gradient-brand:linear-gradient(90deg,var(--purple-500) 0%,var(--pink-500) 100%);
--gradient-brand-soft:linear-gradient(135deg,var(--purple-50) 0%,var(--pink-100) 100%);
--shadow-color:220 10% 10%;
--shadow-sm:0 1px 2px hsl(var(--shadow-color)/0.06),0 1px 1px hsl(var(--shadow-color)/0.04);
--shadow-md:0 4px 10px hsl(var(--shadow-color)/0.08),0 2px 4px hsl(var(--shadow-color)/0.05);
--shadow-lg:0 12px 28px hsl(var(--shadow-color)/0.12),0 4px 10px hsl(var(--shadow-color)/0.06);
--shadow-focus-ring:0 0 0 3px var(--purple-200);
}