:root {
    /*
        Theme control file.
        Future color changes should start here; the rest of the CSS uses these variables.
    */
    --theme-primary: #0f6b3f;
    --theme-primary-dark: #084d2d;
    --theme-primary-soft: #eaf5ee;
    --theme-secondary: #f4a51c;
    --theme-secondary-dark: #c67d0d;
    --theme-secondary-soft: #fff1d0;
    --theme-nav-active: #f4a51c;
    --dropdown-duration: 220ms;
    --dropdown-exit-duration: 450ms;
    --dropdown-exit-delay: 300ms;
    --nav-color-duration: 220ms;
    --theme-ink: #1f2b24;
    --theme-muted: #65756c;
    --theme-border: #d9e4dc;
    --theme-surface: #f7faf4;
    --theme-surface-alt: #fff7e8;
    --theme-white: #ffffff;
    --theme-header-bg: rgba(255, 255, 255, 0.96);
    --theme-header-main: #075f37;
    --theme-footer: #123724;
    --theme-footer-text: #dfe8e2;

    --font-base: 'Poppins', Arial, Helvetica, sans-serif;
    --nav-font-size: 12px;
    --nav-font-weight: 500;
    --nav-line-height: 23px;
    --container-width: 1120px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --shadow-soft: 0 16px 40px rgba(15, 107, 63, 0.1);
}