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

.transition-theme {
    background-color: #f8f9fa;
    color: #212529;
}

.transition-theme.dark-mode {
    background-color: #121212;
    color: #e9ecef;
}

.dark-mode .bg-body-tertiary {
    background-color: #1e1e1e !important;
}

.dark-mode .form-control,
.dark-mode .form-label {
    background-color: #2c2c2c;
    color: #e9ecef;
    border-color: #444;
}

.dark-mode .form-control::placeholder {
    color: #bbb;
}

.dark-mode .alert-success {
    background-color: #224422;
    color: #cfc;
    border-color: #3d3;
}

.dark-mode .alert-danger {
    background-color: #441111;
    color: #fbb;
    border-color: #e33;
}
/* Style dla motywu jasnego (domyślne) */
.transition-theme {
    transition: all 0.3s ease;
    background-color: #ffffff;
    color: #212529;
    border-color: #dee2e6;
}

/* Style dla motywu ciemnego */
body.dark-mode .transition-theme {
    background-color: #2d2d2d;
    color: #f8f9fa;
    border-color: #444;
}

body.dark-mode .list-group-item.transition-theme {
    background-color: #2d2d2d;
    color: #f8f9fa;
    border-color: #444;
}

body.dark-mode .text-muted.transition-theme {
    color: #adb5bd !important;
}

body.dark-mode .card.transition-theme {
    background-color: #2d2d2d;
    border-color: #444;
}