
html[data-theme="dark"]{
  --bg:#071714; --surface:#0d211d; --surface-2:#132c26; --text:#f2f6f2;
  --muted:#a4b0ab; --line:#203a33; --shadow:0 22px 70px rgba(0,0,0,.28);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .auth-box .logo{color:var(--text)}
html[data-theme="dark"] .auth-box .logo{color:var(--text)}
html[data-theme="dark"] .site-header{background:rgba(3,29,25,.94)}
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .team-card,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .dash-stat,
html[data-theme="dark"] .info-item,
html[data-theme="dark"] .user-chip,
html[data-theme="dark"] .tracking-float .track-box,
html[data-theme="dark"] .trust-badge{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .track-box input{background:var(--surface-2);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .btn-dark{background:#fff;color:#08251f}
html[data-theme="dark"] .btn-ghost{color:var(--text)}
html[data-theme="dark"] .btn-outline{border-color:rgba(255,255,255,.22)}
html[data-theme="dark"] .tag{color:#c8f12a}
html[data-theme="dark"] .coverage-map{box-shadow:var(--shadow)}
html[data-theme="dark"] .faq button{color:var(--text)}
html[data-theme="dark"] .nav-dropdown-menu{background:var(--surface)}
html[data-theme="dark"] .nav-dropdown-menu a{color:var(--text)}
html[data-theme="dark"] .nav-dropdown-menu a:hover,html[data-theme="dark"] .nav-dropdown-menu a.active{background:var(--surface-2)}
html[data-theme="dark"] .notice{background:#302b0d;border-color:#645a20;color:#eee19a}
