:root { color-scheme: dark; }
:root[data-dh-theme="light"] { color-scheme: light; }

.dh-appearance-toggle {
    display:inline-flex; align-items:center; justify-content:center; flex:0 0 42px;
    width:42px; height:42px; padding:0; border:1px solid rgba(229,160,42,.48);
    border-radius:5px; background:transparent; color:#e5a02a; cursor:pointer;
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.dh-appearance-toggle:hover { background:rgba(229,160,42,.07); border-color:#e5a02a; }
.dh-appearance-toggle:focus-visible { outline:2px solid #e5a02a; outline-offset:3px; }
.dh-appearance-toggle svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.dh-appearance-toggle-floating { position:fixed; z-index:9999; top:16px; right:16px; background:#080908; }

:root[data-dh-theme="light"] body,
:root[data-dh-theme="light"] body[class*="dh-"],
:root[data-dh-theme="light"] body[class*="dh-"] #main-body,
:root[data-dh-theme="light"] body[class*="dh-"] #main-body > .container,
:root[data-dh-theme="light"] .dh-client-main,
:root[data-dh-theme="light"] .dh-products-main,
:root[data-dh-theme="light"] .dh-configure-product-main,
:root[data-dh-theme="light"] .dh-product-domain-shell,
:root[data-dh-theme="light"] .dh-configure-product-shell {
    background:#f7f5ef !important; color:#272720 !important;
}

:root[data-dh-theme="light"] .dh-client-topbar,
:root[data-dh-theme="light"] .dh-products-topbar,
:root[data-dh-theme="light"] .dh-order-topbar,
:root[data-dh-theme="light"] .dh-checkout-topbar,
:root[data-dh-theme="light"] .dh-cart-topbar,
:root[data-dh-theme="light"] .dh-register-topbar {
    background:#faf8f2 !important; border-color:rgba(124,88,23,.18) !important;
}

:root[data-dh-theme="light"] .dh-client-sidebar,
:root[data-dh-theme="light"] .dh-client-nav-secondary {
    background:#f1eee5 !important; border-color:rgba(124,88,23,.16) !important;
}

:root[data-dh-theme="light"] body[class*="dh-"] h1,
:root[data-dh-theme="light"] body[class*="dh-"] h2,
:root[data-dh-theme="light"] body[class*="dh-"] h3,
:root[data-dh-theme="light"] body[class*="dh-"] h4,
:root[data-dh-theme="light"] body[class*="dh-"] h5,
:root[data-dh-theme="light"] body[class*="dh-"] h6,
:root[data-dh-theme="light"] body[class*="dh-"] strong,
:root[data-dh-theme="light"] body[class*="dh-"] label,
:root[data-dh-theme="light"] .dh-client-nav a.active,
:root[data-dh-theme="light"] .dh-client-nav a:hover,
:root[data-dh-theme="light"] .dh-client-nav-secondary a:hover { color:#272720 !important; }

:root[data-dh-theme="light"] body[class*="dh-"] p,
:root[data-dh-theme="light"] body[class*="dh-"] li,
:root[data-dh-theme="light"] body[class*="dh-"] td,
:root[data-dh-theme="light"] body[class*="dh-"] th,
:root[data-dh-theme="light"] body[class*="dh-"] .help-block,
:root[data-dh-theme="light"] body[class*="dh-"] .text-muted,
:root[data-dh-theme="light"] .dh-client-welcome p,
:root[data-dh-theme="light"] .dh-client-site-link,
:root[data-dh-theme="light"] .dh-client-top-actions > a:not(.dh-client-logout-top),
:root[data-dh-theme="light"] .dh-client-nav a,
:root[data-dh-theme="light"] .dh-client-nav-secondary a { color:#66655f !important; }

:root[data-dh-theme="light"] body[class*="dh-"] .panel,
:root[data-dh-theme="light"] body[class*="dh-"] .panel-body,
:root[data-dh-theme="light"] body[class*="dh-"] .modal-content,
:root[data-dh-theme="light"] body[class*="dh-"] [class*="-card"],
:root[data-dh-theme="light"] body[class*="dh-"] [class*="-tile"],
:root[data-dh-theme="light"] body[class*="dh-"] [class*="-table-wrap"],
:root[data-dh-theme="light"] body.dh-client-dashboard-body .tiles .tile,
:root[data-dh-theme="light"] body.dh-client-dashboard-body .tiles .tile > a {
    background:rgba(255,255,255,.76) !important;
    border-color:rgba(75,70,57,.18) !important;
    color:#272720 !important;
}

:root[data-dh-theme="light"] body[class*="dh-"] .panel-heading,
:root[data-dh-theme="light"] body[class*="dh-"] [class*="-card-heading"],
:root[data-dh-theme="light"] body[class*="dh-"] table thead th {
    background:#eeeae0 !important; border-color:rgba(75,70,57,.16) !important; color:#333229 !important;
}

:root[data-dh-theme="light"] body[class*="dh-"] input:not([type="submit"]):not([type="button"]),
:root[data-dh-theme="light"] body[class*="dh-"] select,
:root[data-dh-theme="light"] body[class*="dh-"] textarea,
:root[data-dh-theme="light"] body[class*="dh-"] .form-control {
    background:#fff !important; border-color:#cfc9ba !important; color:#272720 !important;
}
:root[data-dh-theme="light"] body[class*="dh-"] input::placeholder,
:root[data-dh-theme="light"] body[class*="dh-"] textarea::placeholder { color:#858178 !important; }

:root[data-dh-theme="light"] .dh-client-nav a.active,
:root[data-dh-theme="light"] .dh-client-nav a:hover,
:root[data-dh-theme="light"] .dh-client-nav-secondary a:hover { background:rgba(144,95,8,.08) !important; border-color:rgba(144,95,8,.25) !important; }
:root[data-dh-theme="light"] .dh-appearance-toggle { color:#906008; border-color:rgba(144,96,8,.48); }

:root[data-dh-theme="light"] body.dh-client-dashboard-body .dh-client-main::after,
:root[data-dh-theme="light"] body.dh-login-body .dh-login-page::after,
:root[data-dh-theme="light"] body.dh-login-body .dh-login-page::before,
:root[data-dh-theme="light"] body.dh-products-body #main-body::before,
:root[data-dh-theme="light"] body.dh-domain-register-body #main-body::before,
:root[data-dh-theme="light"] body.dh-configure-domain-body #main-body::before,
:root[data-dh-theme="light"] body.dh-checkout-body #main-body::before,
:root[data-dh-theme="light"] body.dh-viewcart-body #main-body::before,
:root[data-dh-theme="light"] .dh-configure-product-dunes,
:root[data-dh-theme="light"] .dh-product-domain-dunes {
    background-image:url("../img/dunehost/dunehost-dunes-daylight.webp") !important;
    filter:none !important; opacity:1 !important;
}

:root[data-dh-theme="light"] body[class*="dh-"] #footer {
    background:#f7f5ef !important; border-color:rgba(75,70,57,.16) !important; color:#68665e !important;
}
:root[data-dh-theme="light"] body[class*="dh-"] #footer p,
:root[data-dh-theme="light"] body[class*="dh-"] #footer a,
:root[data-dh-theme="light"] body[class*="dh-"] .dh-recaptcha-notice { color:#68665e !important; }

/* Login has its own full-page canvas and content layers. */
:root[data-dh-theme="light"] body.dh-login-body,
:root[data-dh-theme="light"] body.dh-login-body #main-body,
:root[data-dh-theme="light"] body.dh-login-body .dh-login-page {
    background:
        radial-gradient(circle at 50% 76%,rgba(229,160,42,.09),transparent 36%),
        #f7f5ef !important;
    color:#272720 !important;
}
:root[data-dh-theme="light"] body.dh-login-body .dh-login-dunes {
    background-image:url("../img/dunehost/dunehost-dunes-daylight.webp") !important;
    filter:none !important;
    opacity:1 !important;
}
:root[data-dh-theme="light"] body.dh-login-body .dh-login-card {
    background:rgba(255,255,255,.82) !important;
    border-color:rgba(144,96,8,.30) !important;
    box-shadow:0 18px 50px rgba(77,59,24,.10) !important;
}
:root[data-dh-theme="light"] body.dh-login-body .dh-login-heading h1 { color:#272720 !important; }
:root[data-dh-theme="light"] body.dh-login-body .dh-login-heading p,
:root[data-dh-theme="light"] body.dh-login-body .dh-remember,
:root[data-dh-theme="light"] body.dh-login-body .dh-login-bottom,
:root[data-dh-theme="light"] body.dh-login-body .dh-login-back a { color:#66655f !important; }
:root[data-dh-theme="light"] body.dh-login-body .dh-login-bottom { border-color:rgba(75,70,57,.14) !important; }
:root[data-dh-theme="light"] body.dh-login-body .dh-forgot-link,
:root[data-dh-theme="light"] body.dh-login-body .dh-login-bottom a { color:#906008 !important; }

@media (max-width:767px) {
    .dh-appearance-toggle { width:38px; height:38px; flex-basis:38px; }
    .dh-client-top-actions, .dh-products-topbar-actions, .dh-order-topbar-actions,
    .dh-checkout-topbar-actions, .dh-cart-topbar-actions { gap:8px !important; }
}
