html[data-theme="dark"]{
  color-scheme: dark;
  --bg:#0b1120;
  --card:#0f172a;
  --soft:#1f2937;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --accent:#ff9c2f;
  --accent-2:#ffb766;
  --header-bg: rgba(15, 23, 42, 0.96);
  --header-text: #e5e7eb;
  --header-shadow: 0 22px 60px rgba(15, 23, 42, 0.92);
  --nav-bg-mobile: #020617;
  --overlay-backdrop: rgba(15, 23, 42, 0.85);
  --ring:0 0 0 3px rgba(255,156,47,.25);
  --shadow-md:0 12px 28px rgba(0,0,0,.45);
  --shadow-lg:0 36px 72px rgba(0,0,0,.55);
}

html[data-theme="dark"],
html[data-theme="dark"] body{
  background:
    radial-gradient(1200px 700px at 5% -10%, rgba(255,156,47,.06), transparent 55%),
    radial-gradient(1100px 640px at 105% 0%, rgba(255,183,102,.05), transparent 60%),
    var(--bg);
  color:var(--text);
}

html[data-theme="dark"] a{ color:var(--accent); }
html[data-theme="dark"] a:hover{ color:var(--accent-2); }
html[data-theme="dark"] header{
  background: var(--header-bg) !important;
  box-shadow: var(--header-shadow) !important;
}
html[data-theme="dark"] a.login-btn{
  background: var(--accent);
  color: #ffffff !important;
}
html[data-theme="dark"] a.login-btn:hover{
  background: var(--accent-2);
  color: #ffffff !important;
}
html[data-theme="dark"] .nav-link{
  color: var(--header-text);
}
html[data-theme="dark"] .nav-link:hover{
  color: var(--accent);
}

html[data-theme="dark"] .chip{
  background:#0b1220;
  border-color:var(--soft);
  color:var(--muted);
}

html[data-theme="dark"] .tabs a{
  color:var(--text);
}
html[data-theme="dark"] .tabs a:hover{
  background:#111827;
}
html[data-theme="dark"] .tabs a.active{
  color:var(--accent);
  background:rgba(255,156,47,.14);
}

html[data-theme="dark"] .infobox{
  border-color:rgba(255,156,47,.35);
  background:linear-gradient(180deg,rgba(255,156,47,.14),rgba(255,156,47,.04));
}
html[data-theme="dark"] .feature-list li{
  border-color:#2b3645;
  background:linear-gradient(180deg,rgba(255,156,47,.10),rgba(15,23,42,.4));
}

html[data-theme="dark"] .specs-card{
  background:var(--card);
  border-color:var(--soft);
}
html[data-theme="dark"] .specs-crop::after{
  background:linear-gradient(180deg,rgba(15,23,42,0),var(--card) 72%);
}
html[data-theme="dark"] .specs thead th{
  background:#111827;
  color:var(--text);
  border-bottom-color:var(--accent);
}
html[data-theme="dark"] .specs tbody th,
html[data-theme="dark"] .specs tbody td{
  background:var(--card);
  border-bottom-color:#1f2937;
  color:var(--text);
}
html[data-theme="dark"] .specs tbody th{
  color:var(--muted);
}
html[data-theme="dark"] .specs-actions{
  background:var(--card);
  border-top-color:#1f2937;
}
html[data-theme="dark"] .btn-more:hover{
  background:#111827;
}

html[data-theme="dark"] .doc-card{
  background:var(--card);
  border-color:#1f2937;
}
html[data-theme="dark"] .doc-card:hover{
  border-color:#2a3a4f;
}
