/* Токены, нужные общей «обвязке» — шапке (static/topbar.css) и панели выбора
   карточек (static/card-picker.css). Отдельным файлом, потому что обвязка
   живёт на двух непохожих страницах: обычные вкладки подключают style.css, а
   собранный «Обзор» (cyberpunk/) самодостаточен и style.css не знает. Пока
   шкала кегля лежала только в style.css, на «Обзоре» она не находилась —
   вкладки набирались кеглем body, меню становилось крупнее и переставало
   помещаться в строку. Держать её копию в теме дашборда значит однажды
   поправить одну из двух.

   Размеры текста — роли, а не числа. Один набор на весь сайт: раньше
   страницы ставили 9, 9.5, 10, 10.5, 11, 11.5, 12, 12.5, 13, 13.5, 14…
   вперемешку, и подпись под числом на соседних вкладках выглядела разной.
   Ниже --fs-xs не опускаемся: на тёмном фоне моноширинный текст мельче
   11px уже не читается.

     --fs-display  число-герой карточки товара
     --fs-hero     заголовок страницы и крупные числа сводки
     --fs-lead     число внутри карточки, шаг воронки
     --fs-h2       заголовок раздела и блока
     --fs-h3       заголовок карточки внутри раздела
     --fs-base     основной текст: строки таблиц, шаги расчёта
     --fs-sm       подписи к числам, метки полей, строки-пояснения
     --fs-xs       сноски и служебные пометки

   Высота шапки — тоже токен: от неё отсчитывают всё, что паркуется под меню.
   Раньше её знали числом в трёх файлах, и шапки таблиц липли к `top: 0` —
   то есть уезжали ПОД меню и переставали читаться ровно тогда, когда были
   нужнее всего. Теперь место парковки задаёт `--thead-top`: по умолчанию это
   низ меню, а прокручиваемая коробка вокруг таблицы (`.table-wrap`,
   `.table-outer`, `.lk-tablewrap`…) переопределяет его на 0 — внутри коробки
   меню не мешает, шапка липнет к её собственному краю. */

:root {
  --fs-display: 26px;
  --fs-hero: 22px;
  --fs-lead: 17px;
  --fs-h2: 15px;
  --fs-h3: 13px;
  --fs-base: 12.5px;
  --fs-sm: 11.5px;
  --fs-xs: 11px;

  --topbar-h: 58px;
  --thead-top: var(--topbar-h);

  /* Одна полоса прокрутки для всех страниц и всех внутренних списков. */
  --scrollbar-thumb: rgba(56, 189, 248, .22);
  --scrollbar-thumb-hover: rgba(56, 189, 248, .46);
}

/* Тот же тонкий скролл, который сначала использовался в таблице рекламы.
   Правило общее: работает у окна, таблиц, боковых списков, карточек и новых
   прокручиваемых контейнеров без отдельного перечня классов. */
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 3px;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
*::-webkit-scrollbar-corner {
  background: transparent;
}