/*
 * WellStudio Web — явный выбор темы поверх системной (Фаза V, пакет V2).
 *
 * app.css (файл ДРУГОГО пакета — параллельная сессия чистит там мёртвые
 * правила, этот файл его НЕ трогает) по-прежнему решает тему по
 * `prefers-color-scheme`: тёмная — значения по умолчанию в `:root`,
 * светлая — переопределение в `@media (prefers-color-scheme: light) {
 * :root {...} }`. Этот файл добавляет ТРЕТИЙ, более специфичный слой:
 * атрибутные селекторы `:root[data-theme="light"]`/`:root[data-theme=
 * "dark"]` (специфичность 0,0,2,0 — выше голого `:root`, 0,0,1,0, поэтому
 * перекрывают media-механику В ОБЕ СТОРОНЫ вне зависимости от системной
 * темы; порядок подключения в index.html — ПОСЛЕ app.css — важен для
 * читаемости каскада, а не для победы в специфичности). Атрибут ставит и
 * снимает `js/theme.js` (setTheme/initTheme) на `document.documentElement`
 * — без атрибута (выбор «системная») действуют ТОЛЬКО правила app.css,
 * этот файл ничего не переопределяет и в этом случае просто не совпадает
 * ни с одним элементом.
 *
 * Значения переменных — ТЕ ЖЕ САМЫЕ, что в app.css, скопированы как есть
 * (не придуманы заново): светлые — из блока `@media (prefers-color-scheme:
 * light)`, тёмные — из базового `:root`. Набор переменных — ровно то
 * подмножество, которое app.css переопределяет МЕЖДУ темами; `--radius`/
 * `--font`/`--mono`/`color-scheme` одинаковы в обеих темах app.css и
 * заданы им безусловно — повторять их здесь незачем (и нечего «выбирать»
 * между двумя одинаковыми значениями).
 *
 * Если app.css поменяет значения тем — эти два блока придётся обновить
 * вручную вслед за ним (значения продублированы намеренно, не через
 * @import: app.css в этой сессии недоступен для правки).
 */

:root[data-theme="light"] {
  --bg: #f4f6f9;
  --bg-elevated: #ffffff;
  --bg-input: #ffffff;
  --border: #d7dde5;
  --border-strong: #b9c2ce;
  --text: #1b2028;
  --text-muted: #5d6875;
  --accent: #1668dc;
  --accent-contrast: #ffffff;
  --danger: #c92a2a;
  --row-hover: #eef2f7;
}

:root[data-theme="dark"] {
  --bg: #14171c;
  --bg-elevated: #1b1f26;
  --bg-input: #10131a;
  --border: #2a3039;
  --border-strong: #3a4250;
  --text: #e6e9ef;
  --text-muted: #9aa4b2;
  --accent: #4c9aff;
  --accent-contrast: #0b1220;
  --danger: #ff6b6b;
  --row-hover: #232833;
}