html.dark {
  color-scheme: dark;
  --ink: #eef2ef;
  --ink-soft: #a5b0aa;
  --paper: #0d1311;
  --paper-2: #16201c;
  --card: #141c19;
  --brass: #d4b06a;
  --brass-deep: #e2c385;
  --line: rgba(238, 242, 239, .12);
  --shadow: 0 24px 60px rgba(0, 0, 0, .35);
  --on-accent: #1d1606;
}
html.dark .lp {
  --lp-text: #eef2ef;
  --lp-muted: #a5b0aa;
  --lp-line: rgba(238, 242, 239, .1);
  --lp-card: #141c19;
}
html.dark body, html.dark body:has(.lp) { background: var(--paper); }
html.dark .btn { color: var(--paper); }
html.dark .btn.brass { color: var(--on-accent); }
html.dark .eyebrow { background: rgba(255, 255, 255, .04); }

html.dark .lp-chip, html.dark .lp-ribbon, html.dark .lp-stats, html.dark .lp-tabs button,
html.dark .lp-card, html.dark .lp-tile, html.dark .lp-steps li, html.dark .lp-faq details,
html.dark .lp-form-mock { background: var(--lp-card); color: var(--lp-text); }
html.dark .lp-ribbon span { background: var(--paper-2); }
html.dark .lp-ico { background: rgba(255, 255, 255, .05); }
html.dark .lp-tile.wide { background: linear-gradient(140deg, var(--lp-card) 30%, #17241f); }
html.dark .lp-tile.gold { background: linear-gradient(150deg, #2a2415, #3a2f17); }
html.dark .lp-tile.gold p { color: #d9c79a; }
html.dark .lp-card-shot { background: linear-gradient(160deg, #18231f, #241f16); }
html.dark .lp-tabs button.on, html.dark .lp-btn.dark, html.dark .lp-form-mock .go { background: var(--lp-gold); color: #1d1606; border-color: var(--lp-gold); }

html.dark .form-card, html.dark .sub-state, html.dark .region-menu, html.dark .own-offer,
html.dark .quiet, html.dark .dialog, html.dark .pack-row { background: var(--card); border-color: var(--line); color: var(--ink); }
html.dark .f input, html.dark .f select, html.dark .f textarea, html.dark .phone-input, html.dark .sub-input,
html.dark .phone-input select { background: var(--paper-2); color: var(--ink); border-color: var(--line); }
html.dark .f input:focus, html.dark .f select:focus, html.dark .phone-input:focus-within { outline-color: var(--brass); }
html.dark .muted, html.dark .sub-input em, html.dark .sub-state p { color: var(--ink-soft); }
html.dark .region-menu a.on { background: rgba(212, 176, 106, .12); }
html.dark .act.fill { background: var(--brass); color: var(--on-accent); }
html.dark .notice.error { background: #3a1814; color: #ffb4a8; }

.theme-toggle {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.theme-toggle:hover { border-color: currentColor; }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-toggle .sun, html.dark .theme-toggle .moon { display: none; }
html.dark .theme-toggle .sun { display: block; }
html.dark .region summary { background: var(--card); color: var(--ink); }