/* Tagular theme v3: loads after W3 and base stylesheet */
html[data-theme="dark"] {color-scheme:dark;--tgr-bg:#10131e;--tgr-bg-dark:#171b2a;--tgr-white:#202638;--tgr-black:#f4f6ff;--tgr-border:#3b455c;--tgr-muted:#bac4d5;--tgr-soft:#30394e;--tgr-shadow:0 18px 50px rgba(0,0,0,.26);--tgr-shadow-hover:0 16px 38px rgba(0,0,0,.38)}
html[data-theme="dark"] body {background:transparent!important;color:#f4f6ff!important;}
html[data-theme="dark"] #tgr-bg-container {background:#10131e!important;}
html[data-theme="dark"] #tgr-bg-container .tgr-bg-layer {filter:brightness(.29) saturate(.78)!important;}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .card,html[data-theme="dark"] .shop-card,html[data-theme="dark"] .info-box,html[data-theme="dark"] .dash-card,html[data-theme="dark"] .seller-card,html[data-theme="dark"] .form-card,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .checkout-card,html[data-theme="dark"] .cardx,html[data-theme="dark"] .products-hero,html[data-theme="dark"] .shop-hero,html[data-theme="dark"] .dash-hero,html[data-theme="dark"] .seller-hero,html[data-theme="dark"] .product-info,html[data-theme="dark"] .product-cover-card,html[data-theme="dark"] .filter-shell,html[data-theme="dark"] .stack,html[data-theme="dark"] .empty,html[data-theme="dark"] .plan-box,html[data-theme="dark"] .plan-stat,html[data-theme="dark"] .plan-app {background:rgba(24,30,46,.9)!important;color:#f4f6ff!important;border-color:#3b455c!important;}
html[data-theme="dark"] .navlinks,html[data-theme="dark"] .navlinks a,html[data-theme="dark"] .topbar button,html[data-theme="dark"] .dash-card h2 {color:#f4f6ff!important;}
html[data-theme="dark"] .lead,html[data-theme="dark"] .item,html[data-theme="dark"] .section-head p,html[data-theme="dark"] .tgr-theme-hint {color:#bac4d5!important;}
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),html[data-theme="dark"] select,html[data-theme="dark"] textarea {background:#252d40!important;color:#f4f6ff!important;border-color:#3b455c!important;}
html[data-theme="dark"] .btn.secondary,html[data-theme="dark"] .action-btn.secondary {background:#30394e!important;color:#f4f6ff!important;}
html[data-theme="dark"] .tgr-theme-toggle {background:#30394e!important;color:#f4f6ff!important;border-color:#3b455c!important;}
/* The dashboard is one section; Appearance is its next sibling. */
.dash-page > .account-dashboard + .tgr-appearance-settings {margin-top:32px!important;}
