/* Dark mode styles */
body.dark-mode {
    background-color: #343a40; /* Dark background */
    color: white; /* Light text */
}

.navbar-dark-mode {
    background-color: #333; /* Dark navbar */
}

.sidebar-dark-mode {
    background-color: #2c2f38; /* Dark sidebar */
    color: white; /* Light text */
}

    .sidebar-dark-mode .nav-link {
        color: white; /* Light links in sidebar */
    }

        .sidebar-dark-mode .nav-link.active {
            background-color: #007bff; /* Active link in sidebar */
        }

.footer-dark-mode {
    background-color: #23272b; /* Dark footer */
}

/* Optionally add styles for light mode (for better visual balance) */
body {
    background-color: #f8f9fa; /* Light background for light mode */
}

.navbar-light {
    background-color: #ffffff; /* Light navbar */
}

.sidebar {
    background-color: #ffffff; /* Light sidebar */
}