/* Bootstrap handles components; these cover the site's custom surfaces. */
[data-bs-theme="dark"] {
    --bs-body-bg: #151e29;
    --bs-body-bg-rgb: 21, 30, 41;
    --bs-body-color: #dee6ef;
    --bs-body-color-rgb: 222, 230, 239;
    --bs-secondary-bg: #243244;
    --bs-secondary-bg-rgb: 36, 50, 68;
    --bs-tertiary-bg: #1c2836;
    --bs-tertiary-bg-rgb: 28, 40, 54;
    --bs-border-color: #3a4b60;
}
[data-bs-theme="dark"] body { background: #101822; }
[data-bs-theme="dark"] .navbar { background: #0b1520; }
[data-bs-theme="dark"] .site-thumb { background: #243244; }
[data-bs-theme="dark"] .placeholder-thumb { background: linear-gradient(135deg, #243b50, #4a3540); }
[data-bs-theme="dark"] .form-section { border-color: var(--bs-border-color); }
[data-bs-theme="dark"] .admin-sidebar { background: #1c2836; border-color: var(--bs-border-color); }
[data-bs-theme="dark"] .admin-sidebar .nav-link { color: #cad7e5; }
[data-bs-theme="dark"] .admin-sidebar .nav-link:hover { background: #293b50; }
[data-bs-theme="dark"] .admin-sidebar .nav-link.active { color: #9ec5fe; background: #203d60; }
[data-bs-theme="dark"] .admin-products-submenu { border-color: var(--bs-border-color); }
[data-bs-theme="dark"] .admin-content { background: var(--bs-body-bg); }
[data-bs-theme="dark"] .admin-eyebrow { color: #a6b6c9; }
[data-bs-theme="dark"] .admin-content .card-footer { background: var(--bs-tertiary-bg); }
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .text-bg-light { background-color: var(--bs-tertiary-bg) !important; color: var(--bs-body-color) !important; }
[data-bs-theme="dark"] .table-light {
    --bs-table-color: #dee6ef;
    --bs-table-bg: #243244;
    --bs-table-border-color: #3a4b60;
    --bs-table-striped-bg: #2b3a4c;
    --bs-table-striped-color: #dee6ef;
    --bs-table-hover-bg: #314258;
    --bs-table-hover-color: #fff;
    --bs-table-active-bg: #314258;
    --bs-table-active-color: #fff;
}
[data-bs-theme="dark"] .website-view-switch .btn { color: #dee6ef; background: #243244; }
[data-bs-theme="dark"] .website-view-switch .btn:hover { background: #314258; }
[data-bs-theme="dark"] .website-view-switch .btn.active { color: #102035; background: #9ec5fe; }
[data-bs-theme="dark"] .website-view-switch .btn.active:hover { background: #bdd7ff; }