:root{
/* base */
--blue-400:#7C8BF5;--blue-500:#5669F0;--blue-600:#3D50D8;
--orange-400:#FF9A45;--orange-500:#F57E1E;--orange-600:#D9660D;
--ink-900:#0B101E;--ink-800:#121A2C;--ink-700:#1C2438;--ink-600:#28324A;
--gray-500:#58595B;--gray-300:#A7ADC2;--gray-100:#E8EAF2;--white:#FFFFFF;
/* semantic */
--surface-page:var(--ink-900);--surface-card:var(--ink-800);--surface-raised:var(--ink-700);
--text-primary:var(--white);--text-secondary:var(--gray-300);--text-inverse:var(--ink-900);
--brand:var(--blue-500);--brand-strong:var(--blue-600);--accent:var(--orange-500);--accent-strong:var(--orange-600);
--border-subtle:rgba(255,255,255,.10);--border-strong:rgba(255,255,255,.22);
--success:#3DBF7A;--danger:#E5484D;--warning:var(--orange-400);
--focus-ring:0 0 0 3px rgba(86,105,240,.45);
}