:root{
/* primary — violet (brand) */
--color-primary-50:#F5F3FF;--color-primary-100:#EDE9FE;--color-primary-300:#C4B5FD;--color-primary-600:#7C3AED;--color-primary-700:#6D28D9;
/* secondary — teal */
--color-secondary-50:#ECFEFF;--color-secondary-100:#D5FAFC;--color-secondary-300:#75E3EA;--color-secondary-600:#1DB5BE;--color-secondary-900:#2A4E51;
/* neutral — gray */
--color-neutral-white:#FFFFFF;--color-neutral-black:#000000;
--color-neutral-50:#F9FAFB;--color-neutral-100:#F3F4F6;--color-neutral-200:#E5E7EB;--color-neutral-300:#D1D5DB;--color-neutral-400:#9CA3AF;--color-neutral-500:#6B7280;--color-neutral-600:#4B5563;--color-neutral-700:#374151;--color-neutral-800:#1F2937;--color-neutral-900:#111827;
/* accent pastels — decorative section backgrounds */
--color-accent-01:#C1E5C0;--color-accent-02:#C0DAE5;--color-accent-03:#FDD9D9;--color-accent-04:#FFC3D8;--color-accent-05:#A0DCFF;--color-accent-06:#D9E8EF;
/* semantic aliases */
--surface-page:var(--color-neutral-white);--surface-section:var(--color-neutral-white);--surface-inverse:var(--color-neutral-900);
--text-heading:var(--color-neutral-900);--text-body:var(--color-neutral-900);--text-muted:var(--color-neutral-500);--text-on-inverse:var(--color-neutral-white);
--border-default:var(--color-neutral-200);--border-strong:var(--color-neutral-300);
--brand:var(--color-primary-600);--brand-hover:var(--color-primary-700);--brand-tint:var(--color-primary-100);
}