:root{
--su-violet:#99a8d6;
--su-lime:#dde599;
--su-stone:#cac9c8;
--su-beige:#dfd8cb;
--su-ink:#1a1a1a;
--su-cream:#fcf9f3;
--su-blush:#fef6f2;
--su-violet-700:#6f7fb4;
--su-violet-600:#8795c9;
--su-violet-200:#c7cfea;
--su-violet-100:#e3e7f4;
--su-lime-600:#c3cc72;
--su-lime-100:#f0f3d6;
--su-stone-500:#a3a2a0;
--su-stone-100:#e8e7e5;
--su-ink-80:#3a3a39;
--su-ink-60:#5f5e5c;
--su-white:#ffffff;
--su-danger:#b4432f;
--su-danger-100:#f5dcd5;
--su-legacy-black:#121212;
--su-legacy-violet:#b391fb;
--su-legacy-lime:#d1f165;
--su-legacy-sky:#dbecff;
--su-gradient:linear-gradient(90deg,#99a8d6 0%,#b7c3cc 45%,#dde599 100%);
--su-gradient-soft:radial-gradient(120% 90% at 30% 85%,#99a8d6 0%,rgba(153,168,214,0) 60%),linear-gradient(90deg,#99a8d6 0%,#dde599 100%);
--bg-page:var(--su-cream);
--bg-brand:var(--su-violet);
--bg-accent:var(--su-lime);
--bg-neutral:var(--su-stone);
--bg-inverse:var(--su-ink);
--surface-card:var(--su-cream);
--surface-raised:var(--su-white);
--surface-muted:var(--su-stone-100);
--fg-1:var(--su-ink);
--fg-2:var(--su-ink-80);
--fg-3:var(--su-ink-60);
--fg-inverse:var(--su-cream);
--fg-on-brand:var(--su-ink);
--fg-on-accent:var(--su-ink);
--text-body:var(--fg-1);
--text-muted:var(--fg-3);
--border-hairline:var(--su-ink);
--border-soft:var(--su-stone);
--focus-ring:var(--su-violet-700);
--state-hover-brand:var(--su-violet-600);
--state-hover-accent:var(--su-lime-600);
--state-danger:var(--su-danger);
}