/*
  Default Theme: Teal / White / Black
  -----------------------------------
  Dark       : #000 (nav, dark sections)
  Primary    : #1abc9c (teal, buttons, links)
  Secondary  : #34495e (grey-blue, divider background)
  Light      : #fff (light sections, text on dark)
  Accent     : #c03 (legacy accent red)

	Color	Hex
Base Lime	#9ACD32	matches the sponsor lime
Hover	#7FA628	slightly darker lime
Active	#6F9023	deeper lime for click
Glow	RGB(154,205,50)	same lime for focus
*/

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

    --bs-primary: #2E3723 !important;

    --bs-primary-rgb: 204, 0, 51 !important;

    /* 🌟 NEW Lime Green with olive masthead */

    --bs-secondary: #9EE79E !important;  /* LimeGreen */
    --bs-secondary-rgb: rgb(158, 231, 158) !important;  /* RGB for LimeGreen */

    /*--bs-secondary-rgb: 50, 205, 50 !important;  RGB for bright LimeGreen */

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

    --bs-accent: #cc0033 !important;
    --bs-accent-rgb: 204, 0, 51 !important;

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

    --bs-link-color: var(--bs-primary) !important;
    --bs-link-hover-color: #32CD32 !important;

    /* Keep Bootstrap defaults */
    --bs-info: #0dcaf0 !important;
    --bs-info-rgb: 13, 202, 240 !important;

    --bs-warning: #ffc107 !important;
    --bs-warning-rgb: 255, 193, 7 !important;
}


/* 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