.navbar * {
    color: white;
}

/* General hover style for all navbar links */
.navbar .nav-link:hover {
    color: white !important;
    font-weight: bold;
}

/* Ensure Login always has the success (green) color */
.navbar .nav-link.text-success {
    color: #28a745 !important; /* Bootstrap's success color */
}

/* Ensure Logout always has the danger (red) color */
.navbar .nav-link.text-danger {
    color: #dc3545 !important; /* Bootstrap's danger color */
}

/* Make Login and Logout white on hover */
.navbar .nav-link.text-success:hover,
.navbar .nav-link.text-danger:hover {
    color: white !important;
    font-weight: bold;
}