/* Общие дизайн-токены новых страниц.
   Подключается в base.html до остальных файлов; страницы (bots.css,
   sidebar.css, pages/bot-stats.css) берут значения отсюда, а не заводят свои.

   Правило по цвету: янтарь живёт только в хроме интерфейса — логотип,
   активный пункт меню, фокус. Внутри контента цветом говорят только
   состояния и ряды графиков. */

:root {
  /* Нативные контролы (календарь в input[type=date], полосы прокрутки,
     выпадающие списки) рисуются браузером и о нашей палитре не знают —
     color-scheme говорит ему, в какой теме их рисовать. */
  color-scheme: light;

  --ui-accent: #d99b28;

  --ui-ok: #4a9d6a;
  --ui-warn: #c98a2b;
  --ui-idle: #7c8496;
  --ui-err: #c9564e;

  /* Ряды графиков: приглушённые, различимые в обеих темах. */
  --ui-series-1: #6aa9d8;
  --ui-series-2: #b98ec9;
  --ui-series-3: #6bb39a;
  --ui-series-4: #8c93a1;

  --ui-radius: 5px;
  --ui-radius-lg: 7px;

  --ui-fs-xs: 12px;
  --ui-fs-sm: 13px;
  --ui-fs-md: 14.5px;
  --ui-fs-lg: 19px;

  /* Светлая тема — база. */
  --ui-bg: #f7f7f8;
  --ui-panel: #ffffff;
  --ui-surface: #ffffff;
  --ui-hover: #f1f2f4;
  --ui-line: #e2e4e8;
  --ui-line-soft: #ecedf0;
  --ui-tx: #14171c;
  --ui-tx-dim: #5f6672;
  --ui-tx-faint: #8b929d;
}

html[data-theme="dark"] {
  color-scheme: dark;

  --ui-ok: #4a9d6a;
  --ui-warn: #c98a2b;
  --ui-idle: #7c8496;
  --ui-err: #c9564e;

  --ui-series-1: #6aa9d8;
  --ui-series-2: #b98ec9;
  --ui-series-3: #6bb39a;
  --ui-series-4: #8c93a1;

  --ui-bg: #0e1013;
  --ui-panel: #121417;
  --ui-surface: #15181c;
  --ui-hover: #1a1e23;
  --ui-line: #22262c;
  --ui-line-soft: #1b1f24;
  --ui-tx: #e7e9ec;
  --ui-tx-dim: #9aa1ac;
  --ui-tx-faint: #6b727d;
}

/* В светлой теме ряды графиков берём темнее: на белом фоне пастель теряется. */
html[data-theme="light"] {
  color-scheme: light;

  --ui-series-1: #3d7fb0;
  --ui-series-2: #8f5fa8;
  --ui-series-3: #3f8f76;
  --ui-series-4: #6b7280;

  --ui-ok: #3d8c5c;
  --ui-warn: #b4791f;
  --ui-idle: #8a919d;
  --ui-err: #c0453c;
}