/* Light Mode Styles */
body.light-mode {
    background-color: #f9f9f9;
    color: #333;
}

body.light-mode .navbar, body.light-mode .footer {
    background-color: #007bff;
    color: #fff;
}

body.light-mode .accordion-item {
    background-color: #ffffff; /* White background for accordion in light mode */
    border: 1px solid #ddd; /* Subtle border for accordion items */
}

body.light-mode .accordion-header button {
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
}

body.light-mode .accordion-body {
    background-color: #ffffff;
    color: #333;
}

/* Dark Mode Styles */
body.dark-mode {
    background-color: #121212;
    color: #f0f0f0;
}

body.dark-mode .navbar, body.dark-mode .footer {
    background-color: #1a1a1a;
    color: #fff;
}

body.dark-mode .accordion-item {
    background-color: #1e1e1e; /* Dark gray for accordion in dark mode */
    border: 1px solid #333; /* Darker border for accordion items */
}

body.dark-mode .accordion-header button {
    background-color: #2a2a2a;
    color: #f0f0f0;
    border: 1px solid #333;
}

body.dark-mode .accordion-body {
    background-color: #1e1e1e;
    color: #f0f0f0;
}

/* Custom Button Styles */
#themeToggle {
    cursor: pointer;
}