/* Dark-only surface hierarchy: canvas < panels < interactive surfaces. */
html[data-theme="dark"], html.dark, body.dark,
html[data-theme="dark"] body {
  --bg:#090809!important;
  --card:#252122!important;
  --panel:#1c1819!important;
  --card-soft:#2d2729!important;
  --border:#514247!important;
  --line:#514247!important;
  --text:#f5f2f3!important;
  --heading:#faf7f8!important;
  --muted:#c0afb3!important;
  --soft-text:#c0afb3!important;
  --text-secondary:#c0afb3!important;
  background:#090809!important;
  color:var(--text);
  color-scheme:dark;
}
:is(body.dark,html[data-theme="dark"] body) :is(.card,.table,.chart-card,.report-card,.client-panel,.client-quick-card,.client-commerce-card,.client-account-card,.renew-vpn-card,.vpn-plan-card,.photo-card,.price,.dash-stat,.auth-card,.auth-shell) {
  background:var(--card)!important;
  border-color:var(--border)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
:is(body.dark,html[data-theme="dark"] body) :is(.nav,.nav.is-scrolled,.site-header,#clientSidebar,#adminSidebar) {
  background:#100d0e!important;
  border-color:#3e3033!important;
}
html.home-screen-app[data-theme="dark"] body :is(.nav,.site-header),
html.home-screen-app body.dark :is(.nav,.site-header) {
  background:#100d0e!important;
}
html[data-theme="dark"] .hero {
  background:radial-gradient(ellipse at 70% 10%,rgba(153,27,27,.13),transparent 55%),#090809!important;
}
html[data-theme="dark"] :is(.preview,.browser,.window,.dash,.photo-body) {
  background:var(--panel)!important;
  border-color:var(--border)!important;
}