[data-bs-theme="dark"] body {
    background-image: none !important;
}

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

[data-bs-theme="dark"] .text-muted {
    color: var(--bs-secondary-color) !important;
}

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

[data-bs-theme="dark"] .list-group-item {
    background-color: var(--bs-list-group-bg);
    border-color: var(--bs-list-group-border-color);
    color: var(--bs-list-group-color);
}

[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--bs-dropdown-bg);
    border-color: var(--bs-dropdown-border-color);
}

[data-bs-theme="dark"] .dropdown-item {
    color: var(--bs-dropdown-link-color);
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    color: var(--bs-dropdown-link-hover-color);
}

/* Ensure inputs and selects look good */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .input-group-text {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

/* Navbar specific */
[data-bs-theme="dark"] .navbar {
    background-color: var(--bs-body-bg) !important;
    border-bottom: 1px solid var(--bs-border-color);
}

[data-bs-theme="dark"] .navbar-brand {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .nav-link {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .nav-link:hover {
    color: var(--bs-link-hover-color);
}

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

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