/* Light Header Styles */
header {
    background: linear-gradient(135deg, #1a1a1a, #333333, #666666) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

header.scrolled {
    padding: 0.5rem 0 !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Update logo colors to be more professional */
.logo {
    color: #ffffff !important;
}

.logo span {
    color: #ffd700 !important;
    transition: var(--transition) !important;
}

.logo:hover {
    opacity: 0.9 !important;
}

.logo:hover span {
    color: #ffed4a !important;
}

.nav-links a {
    color: #ffffff !important;
}

.nav-links a:hover,
.nav-links a.active {
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.15) !important;
}

.logo {
    color: var(--primary-color) !important;
}

.logo span {
    color: var(--secondary-color) !important;
    transition: var(--transition) !important;
}

.logo:hover {
    opacity: 0.9 !important;
}

.logo:hover span {
    color: var(--primary-color) !important;
}

.nav-links a {
    color: var(--text-color) !important;
}

.nav-links a:hover,
.nav-links a.active {
    color: var(--primary-color) !important;
    background-color: rgba(255, 215, 0, 0.1) !important;
}