/* Light Theme Navbar */
html[data-theme="light"] .navbar {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

html[data-theme="light"] .navbar-nav .nav-link {
    color: #333333 !important;
}

html[data-theme="light"] .navbar-nav .nav-link:hover {
    color: #0B1460 !important;
}

html[data-theme="light"] .navbar-toggler {
    color: #333333;
    border-color: rgba(0,0,0,0.1);
}

/* Dark Theme Navbar */
html[data-theme="dark"] .navbar {
    background-color: #17182c !important;
}

html[data-theme="dark"] .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="dark"] .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}

html[data-theme="dark"] .navbar-toggler {
    color: #ffffff;
    border-color: rgba(255,255,255,0.1);
}

/* System Theme */
html[data-theme="system_default"] .navbar {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

html[data-theme="system_default"] .navbar-nav .nav-link {
    color: #333333 !important;
}

html[data-theme="system_default"] .navbar-nav .nav-link:hover {
    color: #0B1460 !important;
}

html[data-theme="system_default"] .navbar-toggler {
    color: #333333;
    border-color: rgba(0,0,0,0.1);
}

@media (prefers-color-scheme: dark) {
    html[data-theme="system_default"] .navbar {
        background-color: #141429 !important;
    }

    html[data-theme="system_default"] .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.8) !important;
    }

    html[data-theme="system_default"] .navbar-nav .nav-link:hover {
        color: #ffffff !important;
    }

    html[data-theme="system_default"] .navbar-toggler {
        color: #ffffff;
        border-color: rgba(255,255,255,0.1);
    }
}