:root{
--cs-bg:#FAF7FB;
--cs-ink:#241026;
--cs-accent:#5E3868;
--cs-accent-active:#4B2855;
--cs-accent-soft:#F1EAF3;
--cs-border:#EAE0EE;
--cs-border-strong:#9A879F;
--cs-card:#FFFFFF;
--cs-ink-soft:#5A4360;
--cs-muted:#79657F;
--cs-placeholder:#7D6983;
--cs-header-bg:rgba(250,247,251,0.92);
--cs-hero-base:#100B17;
--cs-on-accent:#FFFFFF;
--cs-on-dark:#FFFFFF;
--cs-focus:#7C4D88;
--cs-success:#4A6C3D;
--cs-warning:#8F5A0E;
--cs-error:#A83E2C;
--cs-info:#56537D;
--cs-scrim:rgba(16,11,23,0.64);
--cs-surface:color-mix(in srgb, var(--cs-accent) 4%, var(--cs-bg));
--cs-accent-50:color-mix(in srgb, var(--cs-accent) 6%, white);
--cs-accent-100:color-mix(in srgb, var(--cs-accent) 14%, white);
--cs-accent-200:color-mix(in srgb, var(--cs-accent) 28%, white);
--cs-accent-300:color-mix(in srgb, var(--cs-accent) 45%, white);
--cs-accent-400:color-mix(in srgb, var(--cs-accent) 65%, white);
--cs-accent-500:var(--cs-accent);
--cs-accent-600:var(--cs-accent-active);
--cs-accent-700:color-mix(in srgb, var(--cs-accent) 85%, black);
--cs-accent-800:color-mix(in srgb, var(--cs-accent) 70%, black);
}