[data-theme="dark"] {
    color-scheme: dark;
    --bs-body-bg: #1a1d20;
    --bs-body-color: #e9ecef;
    --bs-card-bg: #2a2d30;
    --bs-border-color: #3a3d40;
    --bs-secondary-bg: #2a2d30;
    --bs-tertiary-bg: #1f2225;
}

[data-theme="dark"] body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[data-theme="dark"] .card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .list-group-item {
    background-color: #2a2d30;
    color: #e9ecef;
    border-color: #3a3d40;
}

[data-theme="dark"] .navbar,
[data-theme="dark"] .navbar-light {
    background-color: #2a2d30 !important;
}

[data-theme="dark"] .navbar .navbar-brand,
[data-theme="dark"] .navbar .nav-link {
    color: #e9ecef;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .input-group-text {
    background-color: #1f2225;
    color: #e9ecef;
    border-color: #3a3d40;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: #1f2225;
    color: #e9ecef;
    border-color: #4a8dff;
}

[data-theme="dark"] .form-control::placeholder {
    color: #6c757d;
}

[data-theme="dark"] .table {
    color: #e9ecef;
    --bs-table-bg: transparent;
    --bs-table-hover-bg: rgba(255,255,255,0.05);
    --bs-table-striped-bg: rgba(255,255,255,0.03);
}

[data-theme="dark"] .table thead th,
[data-theme="dark"] .table tbody td,
[data-theme="dark"] .table tbody th {
    border-color: #3a3d40;
}

[data-theme="dark"] .dropdown-item {
    color: #e9ecef;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: #3a3d40;
    color: #fff;
}

[data-theme="dark"] .dropdown-divider {
    border-color: #3a3d40;
}

[data-theme="dark"] hr {
    border-color: #3a3d40;
    color: #3a3d40;
}

[data-theme="dark"] .text-dark {
    color: #e9ecef !important;
}

[data-theme="dark"] .text-secondary,
[data-theme="dark"] .text-muted {
    color: #adb5bd !important;
}

[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start,
[data-theme="dark"] .border-end {
    border-color: #3a3d40 !important;
}

[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-white {
    background-color: #2a2d30 !important;
    color: #e9ecef;
}

[data-theme="dark"] .btn-outline-secondary {
    color: #adb5bd;
    border-color: #6c757d;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}

[data-theme="dark"] .btn-light {
    background-color: #3a3d40;
    border-color: #3a3d40;
    color: #e9ecef;
}

[data-theme="dark"] .btn-light:hover {
    background-color: #4a4d50;
    color: #fff;
}

[data-theme="dark"] a {
    color: #adb5bd;
}

[data-theme="dark"] a:hover {
    color: #e9ecef;
}

[data-theme="dark"] code {
    color: #f08fc0;
    background-color: rgba(255,255,255,0.06);
    padding: 1px 4px;
    border-radius: 3px;
}

[data-theme="dark"] pre {
    background-color: #1f2225 !important;
    color: #e9ecef;
    border-color: #3a3d40;
}

[data-theme="dark"] details > summary {
    color: #e9ecef;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: #3a3d40;
}

[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}