/* ============================================================
   Светлый / тёмный режим + видимый переключатель.
   Тёмный вариант для V2 Editorial (data-mode="dark").
   ============================================================ */

/* ---------- кнопка переключателя ---------- */
.mode-toggle {
  width: 36px; height: 36px; flex-shrink: 0;
  display: grid; place-items: center;
  border: 1px solid var(--line); border-radius: 999px;
  background: transparent; color: var(--text);
  cursor: pointer; transition: border-color .2s, background .2s, transform .2s;
}
.mode-toggle:hover { border-color: var(--accent-line); transform: translateY(-1px); }
.mode-toggle svg { width: 17px; height: 17px; }
.mode-toggle .ic-moon { display: none; }
.mode-toggle .ic-sun { display: block; }
/* в тёмном режиме показываем солнце (вернуть в светлый), в светлом — луну */
body[data-mode="dark"] .mode-toggle .ic-sun { display: block; }
body[data-mode="dark"] .mode-toggle .ic-moon { display: none; }
body:not([data-mode="dark"]) .mode-toggle .ic-sun { display: none; }
body:not([data-mode="dark"]) .mode-toggle .ic-moon { display: block; }

/* показываем переключатель только там, где есть смысл (editorial) */
.mode-toggle { display: none; }
body[data-theme="editorial"] .mode-toggle { display: grid; }

/* ---------- V2 EDITORIAL · DARK ---------- */
body[data-theme="editorial"][data-mode="dark"] {
  --bg:        oklch(0.18 0.012 75);
  --bg-elev:   oklch(0.22 0.014 75);
  --bg-card:   oklch(0.205 0.013 75);
  --bg-card-2: oklch(0.25 0.016 75);
  --line:      oklch(0.82 0.02 80);
  --line-soft: oklch(0.34 0.016 75);
  --text:      oklch(0.96 0.008 85);
  --text-muted:oklch(0.74 0.014 82);
  --text-dim:  oklch(0.58 0.016 80);
  --accent:    oklch(0.66 0.2 30);
  --accent-ink:oklch(0.16 0.02 40);
  background: var(--bg);
  background-image: none;
}
/* в тёмном editorial границы карточек делаем мягкими (не чёрными) */
body[data-theme="editorial"][data-mode="dark"] .card,
body[data-theme="editorial"][data-mode="dark"] .calc,
body[data-theme="editorial"][data-mode="dark"] .grow-card,
body[data-theme="editorial"][data-mode="dark"] .lead-card,
body[data-theme="editorial"][data-mode="dark"] .about-photo {
  border-color: var(--line-soft);
  background: var(--bg-card);
}
body[data-theme="editorial"][data-mode="dark"] .card:hover { border-color: var(--accent); }
body[data-theme="editorial"][data-mode="dark"] .btn-primary { border-color: var(--accent); background: var(--accent); color: var(--accent-ink); }
body[data-theme="editorial"][data-mode="dark"] .btn-ghost { border-color: var(--line-soft); }
body[data-theme="editorial"][data-mode="dark"] header.nav { background: color-mix(in oklch, var(--bg) 86%, transparent); }
body[data-theme="editorial"][data-mode="dark"] .eyebrow { color: var(--text); }
body[data-theme="editorial"][data-mode="dark"] .svc .ico { color: var(--accent); border-color: var(--line-soft); background: var(--bg-elev); }
body[data-theme="editorial"][data-mode="dark"] .step { border-top-color: var(--line-soft); }
body[data-theme="editorial"][data-mode="dark"] .faq-item,
body[data-theme="editorial"][data-mode="dark"] .metrics-row,
body[data-theme="editorial"][data-mode="dark"] .trust { border-color: var(--line-soft); }
body[data-theme="editorial"][data-mode="dark"] form input,
body[data-theme="editorial"][data-mode="dark"] form textarea,
body[data-theme="editorial"][data-mode="dark"] .calc-select { background: var(--bg-elev); border-color: var(--line-soft); }
body[data-theme="editorial"][data-mode="dark"] .chain .node,
body[data-theme="editorial"][data-mode="dark"] .out,
body[data-theme="editorial"][data-mode="dark"] .formulas,
body[data-theme="editorial"][data-mode="dark"] .diag,
body[data-theme="editorial"][data-mode="dark"] .trust .logos .tool,
body[data-theme="editorial"][data-mode="dark"] .about-facts span,
body[data-theme="editorial"][data-mode="dark"] .svc .tags span { border-color: var(--line-soft); background: var(--bg-elev); }