:root {
    /* ================= BRAND COLORS — logo-matched green palette ================= */
    --color-primary: #2F6B3A;         /* main brand green - buttons, links, badges */
    --color-primary-light: #3F8B4C;
    --color-primary-lighter: #5DA968;
    --color-primary-lightest: #8FC996;

    --color-secondary: #E9EEE9;       /* light bg section (soft greenish-white) */

    /* Navbar/Footer - dark, NOT green, so logo stands out */
    --color-dark: #0D1912;            /* almost-black with a hint of green undertone */
    --color-dark-light: #16241A;

    --color-text-dark: #111827;
    --color-text-muted: #5F6875;

    --color-white: #ffffff;
}