/* Тема: cookie hf_theme = dark | light, атрибут data-theme на <html>.
   По умолчанию — ДНЕВНАЯ: на голом :root висит светлая палитра, тёмная включается
   только атрибутом data-theme="dark". Это важно не только для вспышки до выполнения
   theme-hf.js: cookie hf_theme привязана к домену, и на каждом новом домене сервиса
   (их три) пользователь приходит без неё — то есть попадает ровно в этот дефолт.
   Специфичность :root и [data-theme=…] одинаковая, поэтому порядок блоков решает:
   тёмный блок обязан идти ПОСЛЕ светлого. */

:root,
[data-theme="light"] {
  --hf-bg: #f4f4f8;
  --hf-bg-panel: rgba(255, 255, 255, 0.95);
  --hf-bg-panel-solid: #ffffff;
  --hf-text: #1a1a22;
  --hf-muted: #555560;
  --hf-border: #c8c8d4;
  --hf-input-bg: #ffffff;
  --hf-btn: #3d5a80;
  --hf-btn-hover: #4d6a90;
  --hf-btn-secondary: #e2e2ea;
  --hf-link: #1a5fb4;
  --hf-marker-bg: #ffffff;
  --hf-marker-text: #1a1a22;
  --hf-marker-border: rgba(0, 0, 0, 0.2);
  --hf-marker-metric: #1e4a7a;
  --hf-popup-bg: #ffffff;
  --hf-popup-text: #1a1a22;
  --hf-popup-border: #ccc;
  --hf-table-head: #e8e8f0;
  --hf-crosshair: rgba(0, 0, 0, 0.35);
  --hf-trend-up: #15803d;
  --hf-trend-down: #dc2626;
  /* Текст ошибок и успеха. На светлом фоне прежние #f88 / #8c8 почти не читаются,
     поэтому цвет вынесен в токен, а не задаётся по месту в каждой странице. */
  --hf-err: #c62828;
  --hf-ok: #15803d;
}

[data-theme="dark"] {
  --hf-bg: #1a1a22;
  --hf-bg-panel: rgba(28, 28, 36, 0.92);
  --hf-bg-panel-solid: #1c1c24;
  --hf-text: #e6e6ea;
  --hf-muted: #b8b8c8;
  --hf-border: #3a3a48;
  --hf-input-bg: #26262e;
  --hf-btn: #3d5a80;
  --hf-btn-hover: #4d6a90;
  --hf-btn-secondary: #3a3a48;
  --hf-link: #7eb8ff;
  --hf-marker-bg: #2a2a34;
  --hf-marker-text: #eaeaf0;
  --hf-marker-border: #555;
  --hf-marker-metric: #8ec5ff;
  --hf-popup-bg: #2a2a34;
  --hf-popup-text: #eaeaf0;
  --hf-popup-border: #4a4a58;
  --hf-table-head: #22222c;
  --hf-crosshair: rgba(255, 255, 255, 0.35);
  --hf-trend-up: #22c55e;
  --hf-trend-down: #ef4444;
  --hf-err: #f88;
  --hf-ok: #8c8;
}

/* Алиасы для старых страниц (data, log): --bg, --panel, … */
html {
  --bg: var(--hf-bg);
  --panel: var(--hf-bg-panel-solid);
  --border: var(--hf-border);
  --text: var(--hf-text);
  --muted: var(--hf-muted);
  --link: var(--hf-link);
  --btn: var(--hf-btn);
  --btn-h: var(--hf-btn-hover);
  --btn-secondary: var(--hf-btn-secondary);
}