:root{
/* base palette */
--navy-950:#0d1f35; /* deep navy — dark section background */
--navy-700:#1F3A5F; /* brand navy — structure */
--teal-500:#3DB088; /* teal — ACTION ONLY */
--teal-600:#339673; /* teal hover */
--teal-700:#2b7f61; /* teal pressed */
--white:#FFFFFF;
--gray-50:#F5F7FA;  /* light section background */
--ink-900:#1A1A2E;  /* body text on light */
/* semantic aliases */
--surface-page:var(--white);
--surface-section-light:var(--gray-50);
--surface-section-dark:var(--navy-950);
--surface-card:var(--white);
--surface-card-dark:#16294a;
--text-body:var(--ink-900);
--text-heading:var(--navy-700);
--text-muted:#5a6b82;
--text-on-dark:var(--white);
--text-muted-on-dark:#9fb0c7;
--action:var(--teal-500);
--action-hover:var(--teal-600);
--action-active:var(--teal-700);
--text-on-action:var(--white);
--border-default:#dbe2ec;
--border-strong:var(--navy-700);
--border-on-dark:rgba(255,255,255,.14);
--focus-ring:rgba(61,176,136,.45);
}