/*
 * Палитра панели: тёмная по умолчанию, светлая по выбору.
 *
 * Файл общий для панели и страницы входа. Раньше один и тот же набор токенов
 * лежал в начале style.css и login.css двумя копиями — со второй темой копий
 * стало бы четыре, и они разъехались бы на первой же правке цвета.
 *
 * Тёмная стоит в :root, а не в медиа-запросе: панель задумана тёмной, и
 * системная тема её не переключает. Кнопка добавляет выбор, а не меняет
 * умолчание — тот, кто ничего не нажимал, видит панель ровно такой, какой
 * она была. На сайте наоборот, там умолчание системное: газету читают и
 * днём при светлой системе, а панель открывают в рабочем окне рядом с
 * редактором.
 *
 * color-scheme красит то, что рисует сам браузер: полосу прокрутки и поля
 * ввода. Без него в светлой теме остаётся тёмная полоса прокрутки.
 */

:root {
  --bg: #14161a;
  --card: #1c1f26;
  --line: #2c313b;
  /* Граница под курсором: заметнее обычной, но не акцент. */
  --line-strong: #45505f;
  --text: #e8eaed;
  --muted: #9aa2ae;
  --accent: #c8452f;
  --ok: #3f9d5c;
  --warn: #c58a20;

  /* Поля ввода и просмотр файла — глубже фона карточки: так видно, где
     печатают, без лишней рамки. */
  --field: #0f1115;
  /* Обычная кнопка: светлее карточки, иначе теряется на ней. */
  --btn: #262b34;
  /* Затемнение под модальным окном. */
  --overlay: rgba(10, 11, 14, 0.75);
  /* Текст ошибки: красный по фону, а не сам акцент — на тёмном он глухой. */
  --error-text: #ffb4a6;
  /* Подпись поверх акцентной заливки. Белый в обеих темах: заливка
     достаточно тёмная и там, и там. */
  --on-accent: #ffffff;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f4f5f7;
  --card: #ffffff;
  --line: #d8dce3;
  --line-strong: #b9c0cb;
  --text: #1a1d23;
  /* Приглушённый текст затемнён против тёмной темы: 5.5 на фоне панели и
     6.0 на карточке при норме 4.5. Прежний #9aa2ae давал на белом 2.3. */
  --muted: #5c636f;
  /* Акцент тоже темнее: #c8452f на белом — 4.2, ниже нормы для текста. */
  --accent: #b03520;
  --ok: #2f7a46;
  --warn: #8a6210;

  --field: #ffffff;
  --btn: #eceef2;
  --overlay: rgba(20, 22, 26, 0.55);
  --error-text: #b3261e;
  --on-accent: #ffffff;

  color-scheme: light;
}