body {
    transition: background-color 0.3s, color 0.3s;
}

.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

.dark-mode .bg-light {
    background-color: #333333 !important;
}

.dark-mode .card {
    background-color: #222222;
    color: #ffffff;
}

.light-mode {
    background-color: #ffffff;
    color: #000000;
}

.light-mode .bg-dark {
    background-color: #f8f9fa !important;
    color: #000000 !important;
}

.light-mode .navbar-dark .navbar-nav .nav-link {
    color: #000000 !important;
}

.light-mode .card {
    background-color: #ffffff;
    color: #000000;
}