/* Navbar dark background on scroll */
.navbar-scrolled {
    background: #212529 !important;
    transition: background 0.3s;
}
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-brand,
.navbar-scrolled .navbar-toggler-icon {
    color: #fff !important;
}

.navbar .nav-link:hover, .navbar .nav-link.active {
    text-decoration: underline;
    color: #ffc107 !important; /* Bootstrap warning color, adjust as needed */
    transition: color 0.2s;
}