:root{
--color-canvas:#0a0a0d;
--color-canvas-warm:#0d0b10;
--color-surface-1:#161318;
--color-surface-2:#1f1a24;
--color-surface-3:#2a2330;
--color-hairline:#2c2732;
--color-hairline-soft:#1c1820;
--color-primary:#ffffff;
--color-on-primary:#0a0a0d;
--color-ink:#ffffff;
--color-ink-muted:#9a94a3;
--color-ink-faint:#6b6674;
--color-accent:#6a4cf5;
--color-accent-hover:#7c61f7;
--color-accent-soft:rgba(106,76,245,.16);
--color-accent-ring:rgba(106,76,245,.35);
--gradient-violet-start:#6a4cf5;
--gradient-violet-end:#3d2ba8;
--gradient-magenta-start:#d44df0;
--gradient-magenta-end:#7a2ca8;
--gradient-sunset-start:#ff7a3d;
--gradient-sunset-end:#c23e2f;
--gradient-coral-start:#ff5577;
--gradient-coral-end:#a12f5c;
--color-success:#22c55e;
--color-success-soft:rgba(34,197,94,.14);
--color-warning:#f5a623;
--color-danger:#f0475a;
}