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

body.dark-mode .bg-light,
body.dark-mode .navbar,
body.dark-mode .footer,
body.dark-mode .card {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
    color: #ffffff !important;
}

body.dark-mode .text-dark,
body.dark-mode .text-muted {
    color: #cccccc !important;
}

body.dark-mode .navbar-brand,
body.dark-mode .nav-link {
    color: #ffffff !important;
}

body.dark-mode .border-bottom,
body.dark-mode .border-top {
    border-color: #333 !important;
}

/* Card Styling */
.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
}