/* ============================================================
   ТЁМНАЯ ТЕМА — окна и панели модулей (паритет со светлой)
   ------------------------------------------------------------
   Подключается последним. Каждое правило — только под :root[data-theme=dark],
   поэтому светлая тема от этого файла не меняется вовсе.
   Модули (aris-new-doc.js, aris-desktop-login.js, aris-clip.js, aris-modal-guard.js…)
   вставляют свои <style> с захардкоженными светлыми цветами позже этого файла —
   селектор с :root[data-theme=dark] специфичнее и побеждает без !important.
   Встроенные style="…" перебиваются только !important — это последний раздел.
   Страница документа (.page) — «бумага»: её цвета — цвета документа, их не трогаем.
   Проверка: web/test/theme-audit.js (themeAudit / themeSnapshot).
   ============================================================ */

/* Нативные элементы (флажки, ползунки, списки, полосы прокрутки) — в тёмной палитре. */
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=dark] .page{color-scheme:light}
:root[data-theme=dark] input[type=range]{accent-color:var(--accent);background:transparent}
:root[data-theme=dark] input[type=checkbox],:root[data-theme=dark] input[type=radio]{accent-color:var(--accent)}

/* ── Общие поверхности ───────────────────────────────────────── */
:root[data-theme=dark] .btn:not(.primary):not(.btn--primary),
:root[data-theme=dark] button.chip{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
:root[data-theme=dark] input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not(.page *),
:root[data-theme=dark] textarea:not(.page *),
:root[data-theme=dark] select:not(.page *){background-color:var(--paper);color:var(--ink);border-color:var(--line-2)}
:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--faint)}

/* Кнопка «Поделиться» в заголовке: белый текст на ярком синем тёмной темы не читался (2.8:1). */
:root[data-theme=dark] #share.primary,:root[data-theme=dark] .btn.primary{color:#0c1218}
:root[data-theme=dark] body.layout-sheets .titlebar .btn.primary,
:root[data-theme=dark] body.layout-sheets .titlebar .btn.primary:hover{color:#0c1218}
:root[data-theme=dark] body.layout-sheets .titlebar .btn.primary .tb-ic svg{stroke:#0c1218}

/* ── Классическая лента (Вид → Классическая лента) ───────────── */
:root[data-theme=dark] #tabs,:root[data-theme=dark] .tabs{background:var(--surface);border-color:var(--line)}
:root[data-theme=dark] #tabs .tab{color:var(--muted)}
:root[data-theme=dark] #tabs .tab.active{color:var(--accent);background:var(--paper)}
:root[data-theme=dark] .gs-dd .gs-sec{color:var(--muted)}

/* Галерея стилей: превью текста — светлое на тёмной плашке. */
:root[data-theme=dark] .styles-gallery .style-chip,
:root[data-theme=dark] .styles-gallery .style-chip .pv{color:var(--ink)}

/* Галерея тем документа (Конструктор): превью — цвета самой темы документа, их не меняем;
   подкладываем «бумагу», как у страницы в светлой теме. */
:root[data-theme=dark] #theme-gallery .style-chip .pv{background:#F4F3EE;border-radius:4px;padding:0 5px}

/* ── «Создать документ» (aris-new-doc.js) ────────────────────── */
:root[data-theme=dark] .aris-newdoc,
:root[data-theme=dark] .aris-newdoc-embedded{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .aris-newdoc-h,:root[data-theme=dark] .aris-newdoc-foot{border-color:var(--line)}
:root[data-theme=dark] .aris-newdoc-close{color:var(--muted)}
:root[data-theme=dark] .aris-newdoc-card{background:var(--paper);border-color:var(--line);color:var(--ink)}
:root[data-theme=dark] .aris-newdoc-card:hover{border-color:var(--accent)}
:root[data-theme=dark] .aris-newdoc-card .badge{color:#0c1218}
:root[data-theme=dark] .aris-newdoc-btn{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
:root[data-theme=dark] .aris-newdoc-card .ttl{color:var(--ink)}
:root[data-theme=dark] .aris-newdoc-card .sub,:root[data-theme=dark] .aris-newdoc-foot label{color:var(--muted)}

/* ── Вставка → Символ ────────────────────────────────────────── */
:root[data-theme=dark] .sym-cell{background:var(--paper);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .sym-cell:hover{background:var(--accent-weak);border-color:var(--accent)}

/* ── Формат → Шрифт: поля выбора цвета ───────────────────────── */
:root[data-theme=dark] input[type=color]:not(.page *){background-color:var(--paper)!important;border-color:var(--line-2)!important}

/* ── Шаблоны (Файл → Шаблоны) ────────────────────────────────── */
:root[data-theme=dark] .tpl-card,:root[data-theme=dark] .tpl{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .tpl .meta b,:root[data-theme=dark] .tpl .meta{color:var(--ink)}
:root[data-theme=dark] .tpl .thumb{background:var(--paper);border-color:var(--line)}

/* ── Вход в облако (aris-desktop-login.js) ───────────────────── */
:root[data-theme=dark] .aris-dlogin{background:var(--surface);color:var(--ink)}
:root[data-theme=dark] .aris-dlogin h2{color:var(--ink)}
:root[data-theme=dark] .aris-dlogin p.sub,:root[data-theme=dark] .aris-dlogin label{color:var(--muted)}
:root[data-theme=dark] .aris-dlogin input{background:var(--paper);color:var(--ink);border-color:var(--line-2)}

/* ── Закрытие окон (aris-modal-guard.js) ─────────────────────── */
:root[data-theme=dark] .amg-x{background:var(--surface);color:var(--ink);border-color:var(--line-2)}

/* ── Помощник-скрепка (aris-clip.js) ─────────────────────────── */
:root[data-theme=dark] .aris-clip-close{background:var(--surface);color:var(--muted);border-color:var(--line-2)}
:root[data-theme=dark] .aris-clip-btn{color:var(--ink)}
:root[data-theme=dark] .aris-clip-pop{background:var(--surface);color:var(--ink);border-color:var(--line)}

/* ── Меню профиля (aris-profile.js): белый текст на ярком синем тёмной темы — 2.9:1 ── */
:root[data-theme=dark] .aris-pf-hd{background:linear-gradient(135deg,#2F5FC4,#1E46A0)}
:root[data-theme=dark] .aris-pf-btn.primary{color:#0c1218}

/* ── Панель ИИ ───────────────────────────────────────────────── */
:root[data-theme=dark] #ai .ai-quick .chip{background:var(--paper);color:var(--ink);border-color:var(--line-2)}
:root[data-theme=dark] #ai-send{color:#0c1218}

/* ── Встроенные стили окон, собранных в JS (style="…") ───────────
   Последний рубеж: светлые фоны, тёмный текст и светлые рамки, вписанные прямо в разметку
   диалогов и панелей. Только вне страницы документа. Белый текст на цветных кнопках
   (color:#fff) не трогаем. */
:root[data-theme=dark] :not(.page *):is(
  [style*="background:#fff;" i],[style$="background:#fff" i],[style*="background: #fff" i],[style*="background:#ffffff" i],
  [style*="background:#fff " i],[style*="background-color:#fff" i],[style*="background:white" i],
  [style*="background:#FBFAF6" i],[style*="background:#F5F2EA" i],[style*="background:#F7F6F1" i],[style*="background:#FAF9F5" i],
  [style*="background:#F4F3EE" i],[style*="background:#F8FAFC" i],[style*="background:#F3F5F9" i],[style*="background:#EEF2F7" i]
){background-color:var(--surface)!important;background-image:none!important}
:root[data-theme=dark] :not(.page *):is(
  [style*="color:#1D232B" i],[style*="color: #1D232B" i],[style*="color:#000;" i],[style*="color:#111" i],[style*="color:#222" i],[style*="color:#333" i]
):not([style*="background-color:#1D232B" i]){color:var(--ink)!important}
:root[data-theme=dark] :not(.page *):is(
  [style*="color:#6F6A5C" i],[style*="color:#5a6470" i],[style*="color:#6A7280" i],[style*="color:#9a9485" i],
  [style*="color:#8a8478" i],[style*="color:#5e6b78" i],[style*="color:#666" i]
){color:var(--muted)!important}
:root[data-theme=dark] :not(.page *):is(
  [style*="#ECE7DA" i],[style*="#D8D3C5" i],[style*="#E0DDD2" i],[style*="#E6E2D6" i],[style*="#cfd6dd" i],
  [style*="#d4dbe8" i],[style*="#e4e8f0" i],[style*="#eceef3" i],[style*="solid #eee" i]
){border-color:var(--line-2)!important}