/* ============================================================
   Premium Selection Group — ЕДИНАЯ ТОЧКА УПРАВЛЕНИЯ ШРИФТАМИ
   Подключается ПЕРЕД styles.css (и inline-стилями index/discover)
   на ВСЕХ страницах. Хочешь сменить шрифт на всём сайте —
   меняй ТОЛЬКО здесь, одну строку.
   ============================================================ */
:root {
  /* === СЕМЕЙСТВА === */
  --ff-display: 'Commissioner', system-ui, sans-serif;  /* крупные заголовки */
  --ff-text:    'Commissioner', system-ui, sans-serif;  /* основной текст, абзацы */
  --ff-ui:      'Inter', system-ui, sans-serif;         /* мелкие подписи, навигация, мета-метки */

  /* === РАЗМЕРЫ ===
     Резиновые: clamp(минимум, тянется-по-ширине-экрана, максимум).
     Меняешь размер чего-либо на всём сайте — правишь ОДНУ строку здесь.
     (index.html и discover.html — отдельный дизайн, размеры в их inline-стилях.) */

  /* — Заголовки — */
  --fs-hero:           clamp(44px, 7.4vw, 128px);  /* H1 — заголовок страницы */
  --fs-section:        clamp(28px, 4.0vw, 60px);     /* заголовок секции («Что мы делаем») */
  --fs-statement:      clamp(22px, 2.8vw, 44px);     /* утверждение, манифест — обычным регистром */
  --fs-process-title:  clamp(24px, 2.9vw, 44px);   /* шаги процесса «Как работаем» */
  --fs-cta-title:      clamp(26px, 2.8vw, 40px);     /* заголовок призыва (CTA) */
  --fs-pain-line:      clamp(22px, 2.4vw, 36px);   /* итоговая строка-вывод */
  --fs-title-m:        clamp(19px, 1.8vw, 28px);   /* название услуги, подзаголовок */
  --fs-postlude-title: clamp(20px, 1.9vw, 30px);   /* заголовок в малиновой ленте */
  --fs-title-s:        clamp(18px, 1.6vw, 24px);   /* имя в команде, лого-лента */
  --fs-card-title:     clamp(16px, 1.5vw, 22px);   /* заголовок карточки-кейса */

  /* — Цифры — */
  --fs-stat:           clamp(40px, 5.2vw, 84px);  /* большие цифры статистики */
  --fs-service-num:    clamp(36px, 3.5vw, 56px);   /* номер карточки услуги */
  --fs-postlude-num:   clamp(26px, 2.4vw, 40px);     /* номер в малиновой ленте */
  --fs-stat-affix:     clamp(20px, 2.6vw, 42px);   /* «+» и суффикс у цифр */
  --fs-footer-logo:    clamp(40px, 4vw, 72px);     /* лого-знак в футере */

  /* — Текст — */
  --fs-manifest:       clamp(13px, 2.6vw, 34px);   /* бегущая фраза-манифест под H1 (всегда 1 строка) */
  --fs-body-l:         clamp(20px, 2.3vw, 38px);   /* вступительный абзац под H1 (лид) */
  --fs-service-text:   clamp(15px, 1.2vw, 18px);   /* описание услуги */
  --fs-body:           clamp(15px, 1.05vw, 17px);  /* основной текст, абзацы */
  --fs-quote:          clamp(13px, 1.15vw, 17px);  /* цитата в фото команды */
  --fs-meta:           11px;                        /* мета-метки, навигация */
  --fs-cap:            11px;                         /* самый мелкий технический; 10px было ниже порога читаемости */

  /* === ТОЛЩИНА ===
     Правило одно: чем крупнее надпись, тем тоньше штрих. Крупный
     лёгкий шрифт читается как уверенность, крупный жирный — как крик.
     До 25.08.2026 толщина стояла числом в 28 разных местах вразнобой.
     Ступень поднята на одну зарубку по просьбе владельца 25.08.2026:
     заголовки были сочтены слишком лёгкими. Выше 700 не поднимаемся —
     900 и 800 из системы убраны намеренно. */
  --fw-display: 600;   /* заголовок страницы, крупная цифра, знак в подвале */
  --fw-head:    700;   /* заголовок раздела */
  --fw-title:   600;   /* название услуги, имя, заголовок карточки */
  --fw-strong:  600;   /* выделение внутри строки, бегущая фраза */
  --fw-statement: 500; /* утверждение: крупно, но легче заголовка — это речь, а не вывеска */
  --fw-body:    400;   /* абзацы */
  --fw-label:   500;   /* меню, метки, подписи, мелкий служебный слой */

  /* === МЕЖСТРОЧНОЕ РАССТОЯНИЕ ===
     Лёгкому шрифту нужно больше воздуха, чем жирному: иначе
     двухстрочный заголовок выглядит слипшимся. */
  --lh-display: 1.06;
  --lh-head:    1.14;
  --lh-title:   1.18;
  --lh-statement: 1.24;
  --lh-body:    1.6;

  /* === РАССТОЯНИЕ МЕЖДУ БУКВАМИ ===
     Тонкие буквы нельзя поджимать так же плотно, как жирные —
     начинают слипаться. Было −.025em при толщине 900. */
  --ls-display: -.015em;
  --ls-body:    0;
  --ls-mono:    .12em;
}

/* ============================================================
   --- ТЕЛЕФОН --- 26.08.2026
   Владелец бизнеса смотрит сайт с телефона и между делами —
   это записано в продуктовом контексте как основная сцена.
   На узком экране ступени поднимаются на одну зарубку.

   Основной текст 16, а не 15: ниже шестнадцати Safari на iPhone
   УВЕЛИЧИВАЕТ страницу, как только палец попадает в поле ввода.
   Форма заявки набрана этой же ступенью, и до правки каждое
   касание поля «Имя» раздвигало сайт, а посетителю приходилось
   сводить его щипком обратно. Это на единственном действии,
   ради которого сайт существует.

   Мелкие подписи 12, а не 11: капитель с разрядкой на телефоне
   и при плохом свете на одиннадцати не читается. Роль та же,
   правило «ниже одиннадцати в системе нет» не нарушено.
   ============================================================ */
@media (max-width: 760px) {
  :root {
    --fs-body: 16px;
    --fs-meta: 12px;
    --fs-cap:  12px;
  }
}