body.dark {
    background-color: #1a202c; /* Tailwind's dark background color */
    color: #e2e8f0; /* Light text color */
}
body.dark .bg-white {
    background-color: #2d3748; /* Dark background for elements that are white in light mode */
}
body.dark .text-gray-600 {
    color: #a0aec0; /* Adjusted text color for dark mode */
}
body.dark .bg-gray-100 {
    background-color: #4a5568; /* Darker background for the content area */
}
body.dark .main-content {
    background-color: #262d3a; /* Ensure the main content area is darker */
}