html.dark-mode,
body.dark-mode {
    background: #0b1119 !important;
    color: #e5edf8 !important;
}

body.dark-mode .card,
body.dark-mode .auth-card,
body.dark-mode .panel,
body.dark-mode .appointment-card,
body.dark-mode .dash-navbar,
body.dark-mode .table,
body.dark-mode .modal-content,
body.dark-mode .detail-box {
    background: #121b28 !important;
    color: #e5edf8 !important;
    border-color: #2a364a !important;
}

body.dark-mode .table td,
body.dark-mode .table th,
body.dark-mode .table thead th {
    color: #dce7f6 !important;
    border-color: #2a364a !important;
    background: transparent;
}

body.dark-mode .text-muted,
body.dark-mode .muted-label,
body.dark-mode .auth-subtitle {
    color: #b6c3d5 !important;
}

body.dark-mode label,
body.dark-mode .form-label,
body.dark-mode .col-form-label,
body.dark-mode legend {
    color: #ffffff !important;
}

body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode textarea.form-control {
    background: #101a28 !important;
    color: #e5edf8 !important;
    border-color: #33455f !important;
}

body.dark-mode .form-control::placeholder {
    color: #9fb0c8 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus,
body.dark-mode textarea.form-control:focus {
    border-color: #3e79d1 !important;
    box-shadow: 0 0 0 .2rem rgba(62, 121, 209, .22) !important;
}

body.dark-mode .btn-outline-secondary,
body.dark-mode .btn-light,
body.dark-mode .btn-outline-light {
    color: #dce7f6 !important;
    border-color: #3a4d67 !important;
    background: #152132 !important;
}

body.dark-mode .mobile-icon-btn,
body.dark-mode .mobile-language-switcher {
    background: #111a28 !important;
    color: #e5edf8 !important;
    border-color: #32445f !important;
}