:root {
    /* FINAL palette */
    --brand-primary: #FF6A1A; /* Primary orange (main highlight) */

    /* Navy family */
    --navy-deep: #0B1F3A; /* Deep navy (main background) */
    --navy: #112B52;
    --navy-2: #16355F;

    /* Text on dark */
    --text-primary: rgba(245, 247, 255, 0.92);
    --heading: rgba(255, 255, 255, 0.96);
    --text-muted: rgba(245, 247, 255, 0.72);
    --section-title-color: rgba(255, 255, 255, 0.96);
    --section-label-color: rgba(245, 247, 255, 0.62);
    --eyebrow-color: var(--section-label-color);
    --link: rgba(255, 255, 255, 0.9);
    --link-hover: var(--brand-primary);

    /* Page background is deep navy; content surfaces are layered navies */
    --bg-base: var(--navy-deep);
    --bg-muted: rgba(255, 255, 255, 0.03);
    --surface: rgba(255, 255, 255, 0.05);
    --surface-alt: rgba(255, 255, 255, 0.07);
    --border: rgba(255, 106, 26, 0.22);

    --shadow: rgba(0, 0, 0, 0.25);
    --shadow-strong: rgba(0, 0, 0, 0.34);

    --cta-bg: var(--brand-primary);
    --cta-bg-hover: #ff7b3d;
    --cta-text: #0B1F3A;

    --badge-bg: rgba(255, 106, 26, 0.18);
    --badge-text: rgba(255, 255, 255, 0.92);

    --input-bg: rgba(255, 255, 255, 0.06);
    --input-text: rgba(255, 255, 255, 0.92);

    --bg-gradient:
        radial-gradient(circle at 10% 0%, rgba(255, 106, 26, 0.18), transparent 36%),
        radial-gradient(circle at 92% 18%, rgba(255, 255, 255, 0.06), transparent 42%),
        linear-gradient(180deg, var(--navy-deep) 0%, var(--navy) 100%);

    /* Dark sections remain within navy system */
    --dark-section-bg: rgba(11, 31, 58, 0.92);
    --dark-section-text: rgba(245, 247, 255, 0.92);
    --dark-section-heading: rgba(255, 255, 255, 0.98);
    --dark-section-link: var(--brand-primary);
    --dark-section-border: rgba(255, 106, 26, 0.28);

    /* Home hero overlay (dark navy for readability) */
    --hero-overlay-start: rgba(11, 31, 58, 0.72);
    --hero-overlay-mid: rgba(11, 31, 58, 0.78);
    --hero-overlay-end: rgba(11, 31, 58, 0.82);
}