:root{
--violet-50:#F4F0FF;--violet-100:#E8DEFF;--violet-200:#D2BFFF;--violet-300:#B697FF;--violet-400:#9566FF;--violet-500:#7A3CFF;--violet-600:#6420F0;--violet-700:#5016C4;--violet-800:#3D1294;--violet-900:#2A0E66;
--cyan-50:#E6FBFF;--cyan-100:#BDF4FF;--cyan-300:#5CE3FA;--cyan-400:#1FD8F5;--cyan-500:#00C2E0;--cyan-600:#0097B2;--cyan-700:#00748A;
--neutral-0:#FFFFFF;--neutral-50:#FAF9FC;--neutral-100:#F3F1F7;--neutral-200:#E6E3EE;--neutral-300:#CFCBDB;--neutral-500:#8A8499;--neutral-600:#6A647A;--neutral-700:#4A4559;--neutral-800:#2B2738;--neutral-900:#14111F;
--success:#12A36B;--warning:#E8A100;--danger:#E5365B;
--bg:var(--neutral-50);--surface:var(--neutral-0);--surface-subtle:var(--neutral-100);--surface-inverse:var(--neutral-900);
--fg-1:var(--neutral-900);--fg-2:var(--neutral-700);--fg-3:var(--neutral-600);--fg-inverse:var(--neutral-0);
--accent:var(--violet-600);--accent-hover:var(--violet-700);--accent-soft:var(--violet-50);--accent-2:var(--cyan-400);--accent-2-soft:var(--cyan-50);
--border:var(--neutral-200);--border-strong:var(--neutral-300);--focus-ring:var(--cyan-400);
--gradient-accent:linear-gradient(120deg,var(--violet-500),var(--cyan-400));
}