/* ==================================================
   Custom Color Scheme (V8 - Darker Green Headers)
   ================================================== */

/* --- 1. & 2. Shared Styles for Navbar and Footer --- */
/* Light Grey Background (#f8f9fa) with Maroon Text (#A42C4A) */

body nav.navbar,
body footer {
    background-color: #f8f9fa !important; /* Light Grey */
    border: none; /* Remove default borders */
}

/* Specific borders for definition */
body nav.navbar {
    border-bottom: 1px solid #e0e0e0 !important;
}
body footer {
    border-top: 1px solid #e0e0e0 !important;
}

/* Target Brand, Links, and Text for both areas (Maroon) */
body .navbar-brand,
body .navbar-nav .nav-link,
body footer .container,
body footer .small,
body footer .text-white, /* Overriding legacy Bootstrap class */
body footer .link-light, /* Overriding legacy Bootstrap class */
body footer a,
body footer span {
    color: #A42C4A !important; /* Maroon */
    opacity: 1 !important;
    font-weight: 500;
}

/* Hover/Active States for links in both areas (Darker Maroon) */
body .navbar-nav .nav-link:hover,
body .navbar-nav .nav-link:focus,
body footer a:hover {
    color: #7c2138 !important; /* Darker Maroon */
    text-decoration: none;
}

/* --- Navbar Toggler (Hamburger Icon) --- */
body .navbar-toggler {
    border-color: rgba(0,0,0,0.1) !important;
}
body .navbar-toggler-icon {
    /* Sets the default dark icon */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}


/* --- 3. Headers: UPDATED DARKER GREEN --- */
/* Previous was #17a2b8. New is a deeper teal: #008689 */
.text-primary,
h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary,
h5.text-primary,
h6.text-primary {
    color: #008689 !important; /* A richer, darker teal-green */
}


/* --- 4. Content Body: Black (#000000) --- */
body,
body p,
body li {
    color: #000000 !important;
}


/* --- 5. Alternating Grey Background Shades for Sections --- */
/* NOTE: Since nav/footer are now light grey, we need darker shades for contrast */

/* First section after header: Medium Grey */
.bg-grey-light {
    background-color: #e9ecef !important; /* Slightly darker than nav/footer */
}

/* Second section: Even darker grey */
.bg-grey-medium {
    background-color: #dee2e6 !important;
}

/* Third section: Darkest grey */
.bg-grey-dark {
    background-color: #adb5bd !important;
}

/* Ensures text remains readable on darker grey backgrounds */
.bg-grey-dark p,
.bg-grey-dark li {
    color: #000000 !important;
}


/* --- 6. Optional: Adjust Feature Icons to match new scheme --- */
/* Using Maroon for icons */
.feature.bg-primary {
    background-color: #A42C4A !important; /* Maroon */
}