:root{
--blue-700:#0f4bc4;--blue-600:#155eef;--blue-400:#3d8bff;--blue-100:#e6effe;--blue-050:#f3f7fd;
--navy-950:#071530;--navy-900:#0b1f44;--navy-800:#10224a;
--ink-700:#33415c;--ink-500:#5b6b85;--line:#dce5f2;--white:#ffffff;--on-dark-muted:#b7c3d9;
--wa-green:#25d366;--success:#15803d;--danger:#c81e1e;
/* semantic */
--surface-page:var(--white);--surface-band:var(--blue-050);--surface-card:var(--white);--surface-dark:var(--navy-900);--surface-footer:var(--navy-950);--surface-icon:var(--blue-100);
--text-heading:var(--navy-800);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-on-dark:var(--white);--text-on-dark-muted:var(--on-dark-muted);
--accent:var(--blue-600);--accent-hover:var(--blue-700);--accent-on-dark:var(--blue-400);
--border:var(--line);--focus-ring:var(--blue-600);--focus-ring-on-dark:var(--blue-400);
--overlay-navy:linear-gradient(90deg,var(--navy-900) 0%,rgba(11,31,68,.85) 40%,rgba(11,31,68,0) 75%);
}