/* Light Theme */
body.light-theme {
    background-color: #f8f9fa;
    color: #212529;
}
nav.light-theme, footer.light-theme {
    background-color: #e9ecef !important;
    color: #212529 !important;
}

/* Dark Theme */
body.dark-theme {
    background-color: #000000; /* Black background */
    color: #ffffff; /* White text */
}
nav.dark-theme, footer.dark-theme {
    background-color: #000000 !important; /* Black background */
    color: #ffffff !important; /* White text */
}

/* Vertical Navbar (left side) */
.navbar-vertical {
    flex-direction: column;
    align-items: flex-start;
}
.navbar-vertical .nav-item {
    width: 100%;
}