:root {
    /* ============================================================
       CORE BRAND COLORS (Centered on #1d6316)
       ============================================================ */

    --primary-color: #1d6316;        /* Core brand green */
    --secondary-color: #164d11;      /* Darker green for headers/nav */
    --third-color: #0f330b;          /* Deep background green */

    /* ============================================================
       HIGHLIGHTS & INTERACTION
       ============================================================ */

    --highlight-color: #297e21;       /* Buttons, active states */
    --highlight-color2: #389f2f;      /* Hover / emphasis */

    /* ============================================================
       BACKGROUNDS
       ============================================================ */

    --background-color: #faf9f9;      /* Main background (light gray) */
    --background-color2: #2b6b28eb;      /* Secondary background (white) */
    --background-color3: #e4e3e3;      /* Tertiary background (light gray) */
    --background-color4: #f0efef;
    --background-color5: #2b6b28ef;
    --background-color6: #e3e3e3;
    --background-color7: #2b6b28a6;
    --hero-background-color: #e6e5e5fb;

    /* ============================================================
       TEXT COLORS
       ============================================================ */

    --text-color: #2b6924;            /* Primary text (dark green) */
    --text-color2: #165510;           /* Secondary text (darker green) */
    --text-color3: #062303;           /* Muted labels / hints (darkest green) */
    --text-color4: #ffffffd7;           /* White text */
    --text-color4-5: #cac9c9;           /* White text */
    --text-color5: #0f270c;           /* Black text */
    --text-color6: #1f5218;           /* Black text */
    --text-color7: #3f8339;           /* Black text */

    --text-outline-color: #000000;
    --text-outline-color2: #213520;
    --text-outline-color3: #ffffff93;

    /* ============================================================
       LINKS & EFFECTS
       ============================================================ */

    --link-color: #3dad32;
    --glow-color: rgba(63, 176, 52, 0.6);
    --shadow-color: rgba(0, 0, 0, 0.6);
    --shadow-color2: rgba(0, 172, 32, 0.8);
    --shadow-color3: rgb(0, 0, 0);

    /* ============================================================
       BORDERS & DIVIDERS
       ============================================================ */

    --border-color: #2c6b27;
    --border-color2: #3a8a3493;
    --border-color3: #030303da;

    /* ============================================================
       STATUS COLORS (Still Green-Themed)
       ============================================================ */

    --notice-color: #6fbf66;
    --warning-color: #9bbf3f;         /* Yellow-green (still on brand) */
    --error-color: #b85c5c;           /* Muted red (contrast for errors) */
    --success-color: #4caf50;
    --info-color: #1d6316;



    /* ============================================================ 
        FONTS
        ============================================================ */
   --main-font-family: 'Alumni Sans SC', 'Roboto', sans-serif;
   --main-font-family2: 'Science Gothic', 'Roboto', sans-serif;
}