:root{
--brand-violet:#6D4AEE;
--brand-magenta:#9B4FCF;
--brand-pink:#EC5DAB;
--ink:#2E2A3F;
--slate:#6E6A85;
--muted:#A6A2B8;
--canvas:#F7F6FB;
--border:#ECEAF3;
--violet-soft:#F2EEFF;
--surface:#FFFFFF;
--surface-sunken:#FBFAFE;
--success:#22A06B;
--success-bg:#E7F6EF;
--success-dot:#22A06B;
--warning:#C98A1E;
--warning-bg:#FDF3E0;
--warning-dot:#E8A23D;
--error:#C7404A;
--error-bg:#FBEBEC;
--error-dot:#E5484D;
--input-border:#E4DFF3;
--input-focus-border:#6D4AEE;
--input-focus-ring:rgba(109,74,238,0.14);
--button-secondary-border:#DDD5F7;
--brand-gradient:linear-gradient(135deg,#6D4AEE 0%,#9B4FCF 52%,#EC5DAB 100%); /* @kind color */
--text-heading:var(--ink);
--text-body:var(--slate);
--text-muted:var(--muted);
--surface-card:var(--surface);
--surface-page:var(--canvas);
--border-default:var(--border);
}