html.dark-mode {
    --ds-body-bg: #1a1d23;
    --ds-card-bg: #23272e;
    --ds-text: #e4e6ea;
    --ds-text-muted: #9ba1ab;
    --ds-border: #2d323b;
    --ds-input-bg: #2d323b;
    --ds-dropdown-bg: #23272e;
}

html.dark-mode {
    background: var(--ds-body-bg);
    color: var(--ds-text);
}
html.dark-mode body {
    background: var(--ds-body-bg) !important;
    color: var(--ds-text) !important;
}
html.dark-mode .main {
    background: var(--ds-body-bg) !important;
}
html.dark-mode .ds-card,
html.dark-mode .card,
html.dark-mode .shadow-sm {
    background: var(--ds-card-bg) !important;
    border-color: var(--ds-border) !important;
}
html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6,
html.dark-mode .h1, html.dark-mode .h2, html.dark-mode .h3, html.dark-mode .h4, html.dark-mode .h5, html.dark-mode .h6 {
    color: var(--ds-text) !important;
}
html.dark-mode p, html.dark-mode span:not(.badge):not(.btn *):not(.navbar-brand *):not(.fa):not(.fas):not(.far),
html.dark-mode li, html.dark-mode td, html.dark-mode th, html.dark-mode label, html.dark-mode .text-muted {
    color: var(--ds-text-muted) !important;
}
html.dark-mode .table {
    --bs-table-bg: var(--ds-card-bg);
    color: var(--ds-text);
    border-color: var(--ds-border);
}
html.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgba(255,255,255,0.03);
}
html.dark-mode .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: rgba(255,255,255,0.06);
}
html.dark-mode .form-control, html.dark-mode .form-select, html.dark-mode .input-group-text {
    background: var(--ds-input-bg) !important;
    border-color: var(--ds-border) !important;
    color: var(--ds-text) !important;
}
html.dark-mode .form-control:focus, html.dark-mode .form-select:focus {
    border-color: #6640ff !important;
    box-shadow: 0 0 0 0.2rem rgba(102,64,255,0.25);
}
html.dark-mode .dropdown-menu {
    background: var(--ds-dropdown-bg) !important;
    border-color: var(--ds-border) !important;
}
html.dark-mode .dropdown-item {
    color: var(--ds-text-muted) !important;
}
html.dark-mode .dropdown-item:hover {
    background: rgba(255,255,255,0.05) !important;
    color: var(--ds-text) !important;
}
html.dark-mode .modal-content {
    background: var(--ds-card-bg) !important;
    border-color: var(--ds-border) !important;
}
html.dark-mode .modal-header {
    border-bottom-color: var(--ds-border) !important;
}
html.dark-mode .modal-footer {
    border-top-color: var(--ds-border) !important;
}
html.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
html.dark-mode .alert {
    border-color: var(--ds-border);
}
html.dark-mode .alert-success {
    background: rgba(40,167,69,0.15);
    color: #5ddb6d;
}
html.dark-mode .alert-danger {
    background: rgba(220,53,69,0.15);
    color: #f06a7a;
}
html.dark-mode .alert-warning {
    background: rgba(255,193,7,0.15);
    color: #ffdb5c;
}
html.dark-mode .alert-info {
    background: rgba(23,162,184,0.15);
    color: #5bc0de;
}
html.dark-mode .btn-outline-light {
    border-color: var(--ds-border);
    color: var(--ds-text);
}
html.dark-mode .btn-outline-light:hover {
    background: var(--ds-border);
    color: var(--ds-text);
}
html.dark-mode .text-dark {
    color: var(--ds-text) !important;
}
html.dark-mode .bg-white {
    background: var(--ds-card-bg) !important;
}
html.dark-mode .bg-light {
    background: #2d323b !important;
}
html.dark-mode .border, html.dark-mode .border-top, html.dark-mode .border-bottom,
html.dark-mode .border-start, html.dark-mode .border-end {
    border-color: var(--ds-border) !important;
}
html.dark-mode .pagination .page-link {
    background: var(--ds-card-bg);
    border-color: var(--ds-border);
    color: var(--ds-text);
}
html.dark-mode .pagination .page-link:hover {
    background: var(--ds-input-bg);
}
html.dark-mode .pagination .page-item.active .page-link {
    background: #6640ff;
    border-color: #6640ff;
}
html.dark-mode .pagination .page-item.disabled .page-link {
    background: var(--ds-card-bg);
    color: var(--ds-text-muted);
}
html.dark-mode .list-group-item {
    background: var(--ds-card-bg);
    border-color: var(--ds-border);
    color: var(--ds-text-muted);
}
html.dark-mode .navbar-nav .nav-link {
    color: var(--ds-text-muted) !important;
}
html.dark-mode .progress {
    background: var(--ds-input-bg);
}
html.dark-mode .footer {
    background: #0f1115 !important;
}
html.dark-mode .main-header-menu-wrap.bg-transparent {
    background: rgba(26,29,35,0.95) !important;
}
html.dark-mode #offcanvasLeft {
    background: var(--ds-card-bg) !important;
}
html.dark-mode .offcanvas-header .btn-close {
    filter: invert(1);
}
html.dark-mode .stat-label {
    color: var(--ds-text-muted) !important;
}
html.dark-mode .text-body {
    color: var(--ds-text) !important;
}
html.dark-mode hr {
    border-color: var(--ds-border);
}

/* ── Secciones y contenedores del template que quedaban claros ── */
html.dark-mode section.gray-light-bg,
html.dark-mode .gray-light-bg {
    background: #12151a !important;
}
html.dark-mode .white-bg,
html.dark-mode .single-domain-wrap,
html.dark-mode .login-signup-wrap,
html.dark-mode .contact-us-form-wrap,
html.dark-mode .domain-extension-filter-wrap,
html.dark-mode .ds-feature-box,
html.dark-mode .domain-search-wrap {
    background: var(--ds-card-bg) !important;
    border-color: var(--ds-border) !important;
    color: var(--ds-text) !important;
}
html.dark-mode .accordion-item,
html.dark-mode .accordion-button {
    background: var(--ds-card-bg) !important;
    color: var(--ds-text) !important;
}
html.dark-mode .accordion-button:not(.collapsed) {
    background: var(--ds-card-bg) !important;
    color: var(--ds-text) !important;
    box-shadow: none;
}
html.dark-mode .vps-hosting-pricing-table tbody tr td,
html.dark-mode .compare-pricing-table tbody tr td,
html.dark-mode .pricing-table tbody tr td {
    background: var(--ds-card-bg) !important;
}
html.dark-mode .switch-icon {
    background: var(--ds-input-bg) !important;
}