/* ==========================================================
   COLOR VARIABLE MAP
   ----------------------------------------------------------
   Quick reference: which variables are used where.
   Theme stylesheets override :root values.

   --bs-dark     : nav bg, divider bg, section-dark bg, footer border
   --bs-light    : nav text, masthead heading, section-light bg, footer bg
   --bs-primary  : masthead bg, nav hover, links, btn-primary, border accents
   --bs-secondary: btn-secondary
   --bs-accent   : divider title, nav active/focus, page-views h1

   SAFE PAIRINGS:
   Background        Text/Accent Options
   ---------------   -------------------
   --bs-dark         --bs-light, --bs-accent, --bs-primary
   --bs-light        --bs-dark, --bs-primary, --bs-secondary
   --bs-primary      --bs-light, --bs-dark
   --bs-secondary    --bs-light
   ========================================================== */

:root {
    --bs-dark: #000 !important;
    --bs-dark-rgb: 0, 0, 0 !important;

        /* Emerald Green (new secondary) */
    --bs-primary: #50C878 !important;
    --bs-primary-rgb: 80, 200, 120 !important;

    --bs-secondary: #cc0033 !important;                /* Legacy accent red */
    --bs-secondary-rgb: 204, 0, 51 !important;

    --bs-light: #fff !important;
    --bs-light-rgb: 255, 255, 255 !important;

    /* 🍋 Bright Lime for buttons / links */
    --bs-accent: #32CD32 !important;                 /* Lime */
    --bs-accent-rgb: 50, 205, 50 !important;

    --bs-body-bg: #fff !important;
    --bs-body-color: #000 !important;

    --bs-link-color: var(--bs-primary) !important;   /* Red accent */
    --bs-link-hover-color: #32CD32 !important;       /* Lime hover */
}


/* Force alerts to use Bootstrap defaults, regardless of theme */
.alert-info {
    color: #055160 !important;
    background-color: #cff4fc !important;
    border-color: #b6effb !important;
}

.alert-warning {
    color: #664d03 !important;
    background-color: #fff3cd !important;
    border-color: #ffecb5 !important;
}


/* ===== Sections ===== */
.section-light {
    background-color: var(--bs-light) !important;
    color: var(--bs-dark) !important;
}

.section-dark {
    background-color: var(--bs-dark) !important;
    color: var(--bs-light) !important;
}

/* ===== Nav ===== */
#mainNav {
    background-color: var(--bs-dark) !important;
    /* black */
}

#mainNav .navbar-brand,
#mainNav .nav-link {
    color: var(--bs-light) !important;
    text-decoration: none;
}

#mainNav .nav-link:hover {
    color: var(--bs-primary) !important;
    /* teal hover */
}

/* ===== Masthead ===== */
.masthead {
    background-color: var(--bs-primary) !important;
    /* teal */
    color: var(--bs-light) !important;
    padding: 2rem 1rem;
    text-align: center;
}

.masthead h1 {
    color: var(--bs-light) !important;
}

.masthead h3,
.masthead h4,
.masthead p {
    color: var(--bs-light) !important;
}

.masthead a {
    color: var(--bs-light) !important;
    text-decoration: none;
}

.masthead a:hover {
    color: var(--bs-secondary) !important;
    /* grey-blue hover */
    text-decoration: underline;
}

/* ===== Divider ===== */
.div

/* =============================
   BUTTON OVERRIDES - DEFAULT THEME
   ============================= */

/* Primary (solid lime button) */
/* Solid Lime Buttons */
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #32CD32 !important;             /* Lime Green */
    --bs-btn-border-color: #32CD32 !important;
    --bs-btn-hover-bg: #28b428 !important;       /* Darker lime */
    --bs-btn-hover-border-color: #28b428 !important;
    --bs-btn-active-bg: #239f23 !important;      /* Even darker */
    --bs-btn-active-border-color: #239f23 !important;
}


/* Outline Primary (lime text + lime border) */
/* Outline Lime Buttons */
.btn-outline-primary {
    --bs-btn-color: #32CD32 !important;                       /* Text lime */
    --bs-btn-border-color: #32CD32 !important;                /* Border lime */

    --bs-btn-hover-color: #fff !important;                    /* Turns white on hover */
    --bs-btn-hover-bg: #32CD32 !important;                    /* Solid lime on hover */
    --bs-btn-hover-border-color: #32CD32 !important;

    --bs-btn-active-bg: #28b428 !important;                   /* Darker lime active */
    --bs-btn-active-border-color: #28b428 !important;
}


/* Secondary (grey-blue) */
.btn-secondary,
.btn-outline-secondary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #34495e !important;
    --bs-btn-border-color: #34495e !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #2c3e50 !important; /* darker grey-blue */
    --bs-btn-hover-border-color: #2c3e50 !important;
    --bs-btn-focus-shadow-rgb: 52,73,94 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #2c3e50 !important;
    --bs-btn-active-border-color: #2c3e50 !important;
    --bs-btn-disabled-color: #fff !important;
    --bs
}