/* ============================================================
   ШРИФТЫ — единственное место, где задаётся гарнитура
   сайта, страниц входа, кабинета и супер-админки.
   ============================================================

   Три роли — три переменные:

     --font-text      основной текст: абзацы, кнопки, формы, таблицы
     --font-heading   заголовки: h1–h6 и всё с классом .font-heading
     --font-mono      метки, цифры, технические подписи
                      (сейчас = основной шрифт; цифры выравнивает tnum)

   КАК ПОМЕНЯТЬ
   • Только заголовки   → поменяйте --font-heading (и при желании
                          --heading-variation, см. ниже).
   • Только текст       → поменяйте --font-text.
   • Другой шрифт целиком → положите файл в /fonts, добавьте его в
                          @font-face ниже и впишите имя в переменные.
   • Вернуть «терминальные» подписи моноширинным → в --font-mono
                          впишите, например, 'JetBrains Mono', monospace.
   Больше нигде править не нужно: остальные стили берут шрифт отсюда.

   О ВАРИАТИВНОМ ШРИФТЕ INTER
   В файле две оси: вес (100–900) и оптический размер (14–32).
   Оптический размер 32 — это рисунок Inter Display (крупный, плотный),
   14 — текстовый Inter. По умолчанию заголовки принудительно набраны
   Display (--heading-variation), текст подбирает размер сам.
   Лицензия шрифта — fonts/OFL.txt (файл нужно оставлять рядом).
   ============================================================ */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-latin-cyrillic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Запасные системные шрифты — на время загрузки и если файл недоступен */
  --font-fallback: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI Variable Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --font-text:    'Inter', var(--font-fallback);
  --font-heading: 'Inter', var(--font-fallback);
  --font-mono:    var(--font-text);

  /* Рисунок заголовков:
       'opsz' 32 — всегда Inter Display;
       normal    — подбирается автоматически по размеру текста. */
  --heading-variation: 'opsz' 32;
}

/* Заголовки. Класс .font-heading — для крупного текста, который не h1–h6 */
h1, h2, h3, h4, h5, h6,
.font-heading {
  font-family: var(--font-heading);
  font-variation-settings: var(--heading-variation);
}