:root {
    color-scheme: light;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --portal-background: #1b2027;
    --portal-text: #e2e8f0;
    --portal-secondary: #d7e1e8;
    --portal-accent: #3b4652;
}

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

[data-bs-theme="dark"] .app-header,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .offcanvas,
[data-bs-theme="dark"] .btn-light,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text,
[data-bs-theme="dark"] .table,
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-light {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text,
[data-bs-theme="dark"] .table,
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-bottom {
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .nav-link,
[data-bs-theme="dark"] .page-item a,
[data-bs-theme="dark"] .page-item.disabled .page-link,
[data-bs-theme="dark"] .text-lightblue,
[data-bs-theme="dark"] .bg-alert,
[data-bs-theme="dark"] .accordion-button,
[data-bs-theme="dark"] .card-title,
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] p {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .btn-secondary,
[data-bs-theme="dark"] #btnTableView,
[data-bs-theme="dark"] #btnBlockView,
[data-bs-theme="dark"] .triangular-box.white,
[data-bs-theme="dark"] .triangular-box.disabled {
    background-color: #3b4652 !important;
    border-color: #3b4652 !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .dropdown-item,
[data-bs-theme="dark"] .navbar-toggler,
[data-bs-theme="dark"] .form-control::placeholder {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus,
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * {
    color: var(--bs-body-color) !important;
    background-color: #303944 !important;
}

[data-bs-theme="dark"] .leaflet-control,
[data-bs-theme="dark"] .leaflet-popup-content-wrapper,
[data-bs-theme="dark"] .leaflet-popup-tip {
    background: #252d36;
    color: var(--bs-body-color);
}

.theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}