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

:root {
    --bs-dark: #212529 !important;
    --bs-dark-rgb: 33, 37, 41 !important;

    --bs-primary: #981135 !important;
    --bs-primary-rgb: 152,17, 53 !important;

     --bs-secondary: #b39139 !important;
    --bs-secondary-rgb: 179, 145, 57 !important;

    --bs-light: #fffaf3 !important;
    --bs-light-rgb: 255, 250, 243 !important;

    --bs-accent: #FDD774 !important;
    --bs-accent-rgb: 253, 215, 116 !important;

    color: #22313f;
    background-color: #fffaf3;

    --bs-link-color: var(--bs-primary) !important;
    --bs-link-hover-color: #16a085 !important;
    /* darker teal */
    /* Preserve Bootstrap info/warning colors regardless of theme */
    --bs-info: #0dcaf0 !important;
    /* Bootstrap default cyan */
    --bs-info-rgb: 13, 202, 240 !important;

    --bs-warning: #ffc107 !important;
    /* Bootstrap default yellow */
    --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 (teal) */
.btn-primary,
.btn-outline-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #1abc9c !important;
    --bs-btn-border-color: #1abc9c !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #159e85 !important; /* darker teal */
    --bs-btn-hover-border-color: #159e85 !important;
    --bs-btn-focus-shadow-rgb: 26,188,156 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #159e85 !important;
    --bs-btn-active-border-color: #159e85 !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #1abc9c !important;
    --bs-btn-disabled-border-color: #1abc9c !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