:root{
/* Base — neutrals */
--white:#FFFFFF;
--gray-50:#F4F5F7;
--gray-100:#ECEEF2;
--gray-200:#E2E5EB;
--gray-300:#CDD1DA;
--gray-400:#9AA0AE;
--gray-500:#6B7180;
--gray-700:#3A3F4B;
--ink:#0B0D17;
/* Base — brand violet (the only accent) */
--violet-50:#F3F2FF;
--violet-100:#E7E5FE;
--violet-200:#CFCAFC;
--violet-500:#6A5CF4;
--violet-600:#4F3FF0;
--violet-700:#3F30D6;
--violet-800:#3326B0;
/* Base — navy (closing CTA only) */
--navy-700:#1C2056;
--navy-800:#141840;
--navy-900:#0D1030;
/* Base — status */
--green-600:#16A34A;
--green-50:#ECFDF3;
--amber-600:#D97706;
--red-600:#DC2626;

/* Semantic — surfaces */
--surface-page:var(--white);
--surface-alt:var(--gray-50);
--surface-card:var(--white);
--surface-tint:var(--violet-100);
--surface-accent:var(--violet-600);
--surface-dark:var(--navy-900);
/* Semantic — text */
--text-heading:var(--ink);
--text-body:var(--gray-500);
--text-muted:var(--gray-400);
--text-strong:var(--gray-700);
--text-on-accent:var(--white);
--text-on-dark:var(--white);
--text-on-dark-muted:#A3A7C7;
--text-link:var(--violet-600);
/* Semantic — interactive */
--accent:var(--violet-600);
--accent-hover:var(--violet-700);
--accent-press:var(--violet-800);
--accent-soft:var(--violet-100);
--divider:var(--gray-200);
--focus-ring:rgba(79,63,240,.35);
--positive:var(--green-600);
}
