/* ЦВЕТА историй — вынесено из themes.css по длине файла, но то же
   единственное место для литералов: здесь их не меньше, чем там,
   просто отдельным файлом. */

:root {
  /* ── Колесо цвета надписи (components/story-wheel.css) ────────
     Геометрия SV-поля и полосы оттенка не зависит от темы кабинета:
     это чистые цвета для выбора чужого цвета, не часть оформления. */
  --wheel-white: light-dark(#ffffff, #ffffff);
  --wheel-black: light-dark(#000000, #000000);
  --wheel-hue: linear-gradient(to right,
    hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%),
    hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%));

  /* ── Палитра надписи истории (lib/story-color.js: resolve) ─────
     Восемнадцать готовых цветов для букв, плашки и окантовки — как
     и колесо выше, одни на обе темы: это цвет чужой картинки,
     не часть оформления кабинета. От светлого и тёмного нейтрального
     через тёплую и холодную гамму.

     Без `light-dark()`: его читает браузер, готовя CSS к показу,
     а resolve() достаёт значение сам, через `getComputedStyle` —
     на этом пути `light-dark(#fff, #fff)» вернулась бы текстом как
     есть, ничего не выбрав. Обеим темам всё равно один и тот же
     цвет, оборачивать в выбор незачем. */
  --story-c1:  #ffffff; --story-c2:  #d7dae3; --story-c3:  #8a8f9c;
  --story-c4:  #4a4e59; --story-c5:  #23252c; --story-c6:  #000000;
  --story-c7:  #ffd451; --story-c8:  #ff9f2e; --story-c9:  #f2683c;
  --story-c10: #e23b4e; --story-c11: #d9407f; --story-c12: #9c5b3a;
  --story-c13: #7a5cf0; --story-c14: #4066e8; --story-c15: #2aa7e0;
  --story-c16: #17b3a3; --story-c17: #35a853; --story-c18: #7fbf3f;

  /* ── Просмотрщик историй (components/story-view.css) ───────────
     Экран всегда чёрный, независимо от темы кабинета (сама история —
     чужая картинка, а не часть оформления) — обычный `--veil`
     (тёмная полупрозрачная плашка) на нём сливается в невидимость,
     чёрное на чёрном. Подложке дорожки прогресса нужен свой, светлый
     токен, чтобы было видно, сколько историй всего, до того как они
     досмотрены. */
  --story-track: rgba(255, 255, 255, .25);
}