:root {
    color-scheme: dark;
}

body.theme-dark {
    background: #0f1115;
    color: #e5e7eb;
}

body.theme-dark .site-header,
body.theme-dark .site-footer,
body.theme-dark .page-card,
body.theme-dark .card-box,
body.theme-dark .form-container,
body.theme-dark .navbar,
body.theme-dark .dropdown-menu,
body.theme-dark .modal-content {
    background: #171a21 !important;
    color: #e5e7eb !important;
    border-color: #2a2f3a !important;
}

body.theme-dark .info-box,
body.theme-dark .choice-card,
body.theme-dark .filter-box,
body.theme-dark .form-control,
body.theme-dark .form-select,
body.theme-dark .table,
body.theme-dark .table-responsive {
    background: #1d212a !important;
    color: #e5e7eb !important;
    border-color: #303643 !important;
}

body.theme-dark .text-muted,
body.theme-dark .site-company-meta,
body.theme-dark .label {
    color: #a1a8b3 !important;
}

body.theme-dark .table thead th {
    background: #242936 !important;
    color: #f3f4f6 !important;
}

body.theme-dark .btn-outline-main,
body.theme-dark .btn-outline-secondary {
    background: transparent !important;
    color: #e5e7eb !important;
    border-color: #4b5563 !important;
}

body.theme-dark .btn-outline-main:hover,
body.theme-dark .btn-outline-secondary:hover {
    background: #2b3240 !important;
    color: #fff !important;
}

body.theme-dark .form-control::placeholder,
body.theme-dark .form-select {
    color: #a1a8b3;
}

body.theme-dark .form-control:focus,
body.theme-dark .form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 128, 255, 0.18);
    border-color: #8b93ff;
}

body.theme-dark .alert-success {
    background: #10261b;
    color: #c4f1d1;
}

body.theme-dark .alert-danger {
    background: #33181c;
    color: #ffd0d4;
}

body.theme-dark .alert-secondary {
    background: #21252f;
    color: #d1d5db;
}

body.theme-dark .badge.site-user-badge {
    background: #232938;
    color: #e5e7eb;
    border-color: #364152;
}

body.theme-dark .btn-main {
    background: #6f63ff;
    border-color: #6f63ff;
}

body.theme-dark .btn-main:hover {
    background: #5b4df0;
    border-color: #5b4df0;
}

body.theme-dark .table-hover > tbody > tr:hover > * {
    color: #fff;
    background: #222735;
}