<style>
    .navbar-nav .nav-link {
        padding: 6px 12px;
        border-radius: 6px;
        transition: color 0.3s ease, background-color 0.3s ease;
        font-weight: 500;
        display: inline-block;
    }

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus {
        color: #ffc107 !important; /* Bootstrap warning color */
        background-color: rgba(255, 193, 7, 0.1);
        text-decoration: none;
    }

    .dark-mode .navbar-nav .nav-link:hover,
    .dark-mode .navbar-nav .nav-link:focus {
        color: #ffdd57 !important; /* Brighter yellow in dark mode */
        background-color: rgba(255, 221, 87, 0.1);
    }
</style>
