/* For regular nav links */
.navbar-dark .navbar-nav .nav-link {
    color: white !important;
    /* Forces white color */
}

/* For active nav links */
.navbar-dark .navbar-nav .nav-link.active {
    color: white !important;
    /* Choose a specific color for active links, e.g., a light blue or yellow */
    /* You might want to add other styles for active state, like text-decoration or a border-bottom */
    border-bottom: 2px solid white;
    /* Example: a subtle underline */
    padding-bottom: calc(0.5rem - 2px);
    /* Adjust padding for the border */
}

/* For nav links on hover/focus */
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75) !important;
    /* A slightly faded white on hover */
}

/* For dropdown items within the menu (if you re-introduce the dropdown) */
.navbar-dark .dropdown-menu .dropdown-item {
    color: #ffffff !important;
    /* Dark color for dropdown text on a light background */

}

.navbar-dark .dropdown-menu .dropdown-item:hover,
.navbar-dark .dropdown-menu .dropdown-item:focus {
    background-color: #004487  !important;
    /* Light grey hover */
    color: #000 !important;
}

.btn-lumina {
    background: linear-gradient(45deg, #6b21a8, #9333ea);
    /* Purple gradient */
    color: white !important;
    border: none;
    border-radius: 50px;
    /* Pill shape */
    box-shadow: 0 0 15px rgba(147, 51, 234, 0.4);
    /* Glow effect */
    transition: 0.3s ease-in-out;
}

.btn-lumina:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(147, 51, 234, 0.6);
}