:root{
/* ---- Navy (primary / trust) ---- */
--navy-900:#0F1830;
--navy-800:#1B2A4A;
--navy-700:#2B3D63;
--navy-600:#3F5280;
--navy-500:#5A6E9C;
--navy-300:#9AAAC8;
--navy-100:#DCE3F0;
--navy-50:#F1F4FA;
/* ---- Sky blue (accent / action) ---- */
--blue-700:#0072BF;
--blue-600:#0090E0;
--blue-500:#00A8FF;
--blue-400:#3FC0FF;
--blue-100:#CDEEFF;
--blue-50:#EBF8FF;
/* ---- Cool neutrals ---- */
--gray-900:#171A21;
--gray-800:#262B35;
--gray-700:#454B57;
--gray-500:#6C7280;
--gray-300:#C4C9D2;
--gray-200:#DEE2E8;
--gray-100:#EEF1F5;
--gray-50:#F7F9FB;
--white:#FFFFFF;
/* ---- Semantic status ---- */
--color-success:#1FA971;
--color-success-bg:#E7F7EF;
--color-error:#E5484D;
--color-error-bg:#FBEAEA;
--color-warning:#F5A623;
--color-warning-bg:#FDF3E2;
/* ---- Semantic aliases ---- */
--surface-page:var(--white);
--surface-alt:var(--gray-50);
--surface-card:var(--white);
--surface-sunken:var(--navy-50);
--border-default:var(--gray-200);
--border-strong:var(--gray-300);
--text-primary:var(--navy-800);
--text-secondary:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-navy:var(--white);
--text-on-accent:var(--white);
--text-link:var(--blue-600);
--text-link-hover:var(--blue-700);
--accent:var(--blue-500);
--accent-hover:var(--blue-600);
--accent-active:var(--blue-700);
--accent-soft:var(--blue-50);
--focus-ring:var(--blue-500);
}