/* Общая тема для всех страниц valgebra (02.09.2026).
   Раньше каждая страница жила своей: мастерская умела светлую и тёмную, главная и вход
   шли за ней, а инструменты были вечно светлыми — и человек с ночной темой открывал
   инструмент, получая в лицо белый лист. Теперь тему выбирают в одном месте, а здесь
   лежит её ночная половина.

   Работает это так: у всех инструментов ядро палитры оказалось ОДИНАКОВЫМ
   (--bg, --card, --line, --tx, --mut, --green…) — значит хватает переопределить его
   при data-theme="dark" на корне. Ниже — только цвета; ни одной новой рамки, отступа
   или размера, чтобы не спорить с вёрсткой самих инструментов.
   Подставляет этот файл nginx, одной строкой на каждую страницу. */

html[data-theme="dark"]{
  --bg:#16111e; --card:#1e1830; --line:#2a2340; --line2:#332a4d;
  --tx:#ece9f6; --mut:#9a90ba; --faint:#6f668c;
  --green:#2fbd77; --green-d:#26a566; --green-l:rgba(47,189,119,.14);
  --red:#ff6b8a; --red-l:rgba(255,107,138,.13);
  --amber:#ffcf5c; --amber-d:#d9a93c; --amber-l:rgba(255,207,92,.13);
  --amb:#ffcf5c; --amb-l:rgba(255,207,92,.13);
  --blue:#7c9dff; --blue-l:rgba(124,157,255,.14);
  --gray-l:rgba(255,255,255,.06);
  --acc:#8b6dff; --acc2:#a98cff; --accsoft:rgba(169,140,255,.15);
  color-scheme:dark;
}

/* Места, где белый вписан прямо в правило инструмента: шапка, карточки, поля ввода,
   таблицы. Перебираем их по общим для мастерской именам классов — иначе на тёмном фоне
   остаются белые пятна. */
html[data-theme="dark"] body{background:var(--bg); color:var(--tx)}
html[data-theme="dark"] .hdr,
html[data-theme="dark"] header,
html[data-theme="dark"] .topbar{background:var(--card); border-color:var(--line)}
html[data-theme="dark"] .card,
html[data-theme="dark"] .user,
html[data-theme="dark"] .reg,
html[data-theme="dark"] .pub,
html[data-theme="dark"] .box,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .sec,
html[data-theme="dark"] .navbtn,
html[data-theme="dark"] .pill{background:var(--card); border-color:var(--line); color:var(--tx)}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{background:var(--card); border-color:var(--line); color:var(--tx)}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:var(--faint)}
html[data-theme="dark"] table th{background:var(--card); color:var(--mut)}
html[data-theme="dark"] table td{border-color:var(--line)}
html[data-theme="dark"] a{color:var(--acc2)}
html[data-theme="dark"] hr{border-color:var(--line)}
/* Картинки-схемы и значки, нарисованные чёрным по белому, в темноте гаснут —
   слегка поднимаем им яркость, не трогая фотографии товара. */
html[data-theme="dark"] img[src$=".svg"]{filter:brightness(1.08)}


/* Поштучно: места, где белый вписан прямо в правило инструмента. Список собран обходом
   всех страниц — искали правила с background:#fff. Меняется ТОЛЬКО цвет: рамки, отступы
   и размеры остаются теми, что задумал инструмент. */
html[data-theme="dark"] .addbox,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .bal,
html[data-theme="dark"] .bar,
html[data-theme="dark"] .btn.gh,
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .btn.sec,
html[data-theme="dark"] .card,
html[data-theme="dark"] .ch,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .cmodal,
html[data-theme="dark"] .col-h,
html[data-theme="dark"] .collage,
html[data-theme="dark"] .cols-btn,
html[data-theme="dark"] .crumb,
html[data-theme="dark"] .cst,
html[data-theme="dark"] .dfoot,
html[data-theme="dark"] .dh,
html[data-theme="dark"] .dpanel,
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .drw,
html[data-theme="dark"] .dtile.wide,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .ev,
html[data-theme="dark"] .faceadd,
html[data-theme="dark"] .fmodal-card,
html[data-theme="dark"] .fstage,
html[data-theme="dark"] .gpage,
html[data-theme="dark"] .grpmodal,
html[data-theme="dark"] .grp-tbl,
html[data-theme="dark"] .hdr,
html[data-theme="dark"] .iconpop,
html[data-theme="dark"] .izd-row,
html[data-theme="dark"] .jback,
html[data-theme="dark"] .jch,
html[data-theme="dark"] .jch-key,
html[data-theme="dark"] .jdd,
html[data-theme="dark"] .jlock,
html[data-theme="dark"] .jpg,
html[data-theme="dark"] .jsb,
html[data-theme="dark"] .jtb,
html[data-theme="dark"] .jwrap,
html[data-theme="dark"] .kl,
html[data-theme="dark"] .kpi,
html[data-theme="dark"] .lbladd,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .menu,
html[data-theme="dark"] .mhead,
html[data-theme="dark"] .micbtn,
html[data-theme="dark"] .mkb,
html[data-theme="dark"] .mkm,
html[data-theme="dark"] .mod,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .msel,
html[data-theme="dark"] .mv-row,
html[data-theme="dark"] .nah,
html[data-theme="dark"] .nap,
html[data-theme="dark"] .navbtn,
html[data-theme="dark"] .nx,
html[data-theme="dark"] .oknoot,
html[data-theme="dark"] .opt,
html[data-theme="dark"] .papka,
html[data-theme="dark"] .plitka,
html[data-theme="dark"] .pop,
html[data-theme="dark"] .q,
html[data-theme="dark"] .rec,
html[data-theme="dark"] .rol,
html[data-theme="dark"] .rsa,
html[data-theme="dark"] .sbtn,
html[data-theme="dark"] .sc,
html[data-theme="dark"] .search,
html[data-theme="dark"] .sel,
html[data-theme="dark"] .sh,
html[data-theme="dark"] .skucard,
html[data-theme="dark"] .srcbtn,
html[data-theme="dark"] .stats,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .stbtn,
html[data-theme="dark"] .sw,
html[data-theme="dark"] .tab,
html[data-theme="dark"] .tablecard,
html[data-theme="dark"] .tagchip,
html[data-theme="dark"] .tb,
html[data-theme="dark"] .tbl,
html[data-theme="dark"] .tfpop,
html[data-theme="dark"] .tip,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .top,
html[data-theme="dark"] .var,
html[data-theme="dark"] .tools,
html[data-theme="dark"] .vop{
  background:var(--card) !important; border-color:var(--line); color:var(--tx);
}
/* Заголовок строки списка не должен растворяться: у многих инструментов он красится
   тёмным по белому прямо в правиле. */
html[data-theme="dark"] .izd-row b,
html[data-theme="dark"] .izd-row strong,
html[data-theme="dark"] .card b,
html[data-theme="dark"] .row b{color:var(--tx)}

/* ── ДНЕВНАЯ ПОЛОВИНА (02.09.2026) ──
   Инструменты рисовались на холодном сером (#f6f7f8), мастерская — на тёплом кремовом,
   и переход между ними читался как переход между разными сайтами. Приводим фон, карточки,
   линии и текст к палитре мастерской. Зелёный акцент оставляем: он и в знаке ВК зелёный,
   и в кнопках инструментов, — менять его значило бы перекрасить половину интерфейса без нужды. */
html[data-theme="light"]{
  --bg:#f6efe2; --card:#fffcf4; --line:rgba(70,55,40,.12); --line2:rgba(70,55,40,.2);
  --tx:#2a2431; --mut:#7d7361; --faint:#a99e88;
  --gray-l:rgba(70,55,40,.06);
  color-scheme:light;
}
html[data-theme="light"] body{background:var(--bg); color:var(--tx)}
html[data-theme="light"] .hdr,
html[data-theme="light"] header,
html[data-theme="light"] .topbar{background:var(--card); border-color:var(--line)}