/* --- Тёмная тема --- */
body.dark-theme {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-theme .card {
    background-color: #1e1e1e;
    color: #fff;
    border: 1px solid #333;
}

body.dark-theme .navbar {
    background-color: #000 !important;
}

/* --- Светлая тема --- */
body.light-theme {
    background-color: #ffffff;
    color: #000000;
}

body.light-theme .card {
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
}

body.light-theme .navbar {
    background-color: #f8f9fa !important;
}

body.light-theme .navbar .nav-link,
body.light-theme .navbar .navbar-brand {
    color: #000 !important;
}

/* --- Анимация для мягкого перехода --- */
body {
    transition: background-color 0.3s, color 0.3s;
}
.card, .navbar {
    transition: background-color 0.3s, color 0.3s;
}