body.dark{
  --bg:#0F172A; --bg-2:#0b1224;
  --text:#e2e8f0; --muted:#94a3b8;
  --border:#1f2937; --card:#111c33;
  --shadow:0 10px 30px rgba(0,0,0,.4);
  --shadow-lg:0 25px 60px rgba(0,0,0,.55);
  --grad-soft:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,182,212,.16));
}
body.dark .site-header{background:rgba(11,18,36,.78);border-bottom-color:#1f2937}
body.dark .icon-btn{color:#e2e8f0;border-color:#1f2937}
body.dark .icon-btn:hover{background:#111c33}
body.dark .btn-ghost{color:#e2e8f0}
body.dark th{background:rgba(37,99,235,.18)}
body.dark .post-card,body.dark .card,body.dark .review,body.dark .template,
body.dark .toc,body.dark details.faq,body.dark .sidebar-panel,
body.dark .filter-chip,body.dark .related-list a,body.dark table{background:var(--card);border-color:var(--border)}
body.dark .glass{background:rgba(17,28,51,.7);border-color:rgba(255,255,255,.05)}
body.dark .layout-pick button,body.dark .filter-pick button,body.dark .timer-pick button,
body.dark .caption-input,body.dark .bg-input,body.dark .newsletter-form input,
body.dark .search-panel input,body.dark .contact-form input,
body.dark .contact-form textarea,body.dark .contact-form select{background:#0b1224;color:#e2e8f0;border-color:#1f2937}
body.dark .primary-nav{background:#0b1224}