:root{
--orange-industrial:#EC4C17;
--orange:#DC6E14;
--gold-technical:#A89A44;
--navy-deep:#0B1E3D;
--steel-blue:#3E7EA8;
--mist-gray:#D7E2E4;
--navy-800:#132A4E;
--navy-700:#1C3660;
--navy-600:#2B4A79;
--white:#FFFFFF;
--gray-050:#F7F9FA;
--gray-100:#EEF2F3;
--gray-300:#C7D2D4;
--gray-500:#8FA0A3;
--gray-700:#4C5B5E;

--color-bg-page:var(--white);
--color-bg-section-alt:var(--gray-050);
--color-bg-dark:var(--navy-deep);
--color-bg-dark-alt:var(--navy-700);
--color-surface-card:var(--white);
--color-surface-card-alt:var(--mist-gray);

--color-text-body:var(--navy-deep);
--color-text-muted:var(--gray-700);
--color-text-inverse:var(--white);
--color-text-inverse-muted:var(--gray-300);

--color-accent:var(--orange-industrial);
--color-accent-hover:var(--orange);
--color-accent-press:#C24413;
--color-accent-contrast:var(--white);

--color-link:var(--steel-blue);
--color-link-hover:#336a90;

--color-detail:var(--gold-technical);
--color-border:var(--gray-300);
--color-border-dark:rgba(255,255,255,0.18);
--color-focus-ring:var(--steel-blue);

--overlay-navy-strong:rgba(11,30,61,0.78);
--overlay-navy-soft:rgba(11,30,61,0.45);
}