/* Overrides do header — paleta suave #BFDDF3 */
.header {
    background: rgba(255, 255, 255, 0.97) !important;
}

body.dark-mode .header {
    background: rgba(26, 26, 46, 0.98) !important;
}

.header .nav-link::after {
    background: linear-gradient(90deg, var(--nav-accent), var(--nav-accent-light)) !important;
}

.header .nav-link:hover {
    color: var(--nav-accent) !important;
    background: rgba(191, 221, 243, 0.45) !important;
}

.header .nav-link.active {
    color: var(--nav-accent) !important;
    background: rgba(191, 221, 243, 0.55) !important;
}

.header .nav-link.cta-nav,
.header .nav-link.cta-nav:hover,
.header .nav-link.cta-nav.active {
    background: linear-gradient(135deg, var(--nav-accent), var(--nav-accent-light)) !important;
    color: #ffffff !important;
}

.header .nav-link.cta-nav::after {
    display: none !important;
}

.header .nav-link.cta-nav:hover {
    background: linear-gradient(135deg, var(--nav-accent-dark), var(--nav-accent)) !important;
    box-shadow: 0 8px 20px rgba(90, 170, 217, 0.35) !important;
}

.header .dropdown-link:hover {
    background: rgba(191, 221, 243, 0.5) !important;
    color: var(--nav-accent) !important;
}

body.dark-mode .header .dropdown-link:hover {
    background: rgba(90, 170, 217, 0.22) !important;
    color: var(--nav-accent-light) !important;
}

.header .mobile-menu-toggle span {
    background: var(--nav-accent) !important;
}

.header .theme-toggle {
    background: rgba(191, 221, 243, 0.5) !important;
    border: 1px solid rgba(90, 170, 217, 0.35) !important;
}

.header .theme-toggle:hover {
    background: rgba(191, 221, 243, 0.75) !important;
}

.header .theme-toggle .sun-icon,
.header .theme-toggle .moon-icon {
    stroke: var(--nav-accent) !important;
}

.header .menu-icon {
    color: var(--nav-accent) !important;
}

.scroll-progress-bar {
    background: linear-gradient(90deg,
        var(--nav-accent-dark) 0%,
        var(--nav-accent) 40%,
        var(--nav-accent-light) 70%,
        #BFDDF3 100%
    ) !important;
    box-shadow: 0 2px 10px rgba(90, 170, 217, 0.4) !important;
}

.skip-link {
    background: var(--nav-accent) !important;
}