/* ============================================================
   ТИПОГРАФИКА И ОТСТУПЫ
   Все размеры шрифтов и паддинги секций — только через
   переменные. Хардкод font-size/padding в секциях запрещён.
   ============================================================ */

:root {
    /* ---------- Заголовки ---------- */
    --fs-hero: 60px;   /* страничные hero-заголовки (/services, /results, /doctors) */
    --fs-h1:   48px;   /* крупные заголовки секций */
    --fs-h2:   38px;   /* средние заголовки секций */
    --fs-h3:   30px;   /* подзаголовки в формах и карточках */
    --fs-h4:   22px;   /* имена карточек, мелкие подзаголовки */

    /* ---------- Основной текст ---------- */
    --fs-body-lg: 17px;  /* вводные абзацы, hero-подзаголовки */
    --fs-body:    15px;  /* основной текст, инпуты */
    --fs-small:   13px;  /* описания, лиды, мелкий текст */

    /* ---------- Служебный текст ---------- */
    --fs-caption: 11px;  /* кнопки, метки, надписи */
    --fs-micro:   10px;  /* очень мелкие метки */
    --fs-nano:     9px;  /* самый мелкий служебный */
    --fs-tiny:     8px;  /* подписи в плотных сетках (видеоотзывы, прайс) */

    /* ---------- Акценты ---------- */
    --fs-num: 42px;      /* крупные цифры (hero stats) */

    /* ---------- Отступы секций ---------- */
    --space-section: 80px;                       /* вертикальный padding секций */
    --space-inline:  max(24px, 50vw - 660px);    /* горизонтальный padding секций */
}

/* ============================================================
   МОБИЛЬНЫЕ ПЕРЕОПРЕДЕЛЕНИЯ (≤760px)
   ============================================================ */

@media (max-width: 760px) {
    :root {
        --fs-hero: 40px;
        --fs-h1:   36px;
        --fs-h2:   32px;
        --fs-h3:   26px;
        --fs-h4:   20px;

        --fs-body-lg: 17px;
        --fs-body:    16px;  /* 16px в инпутах отключает авто-зум на iOS */
        --fs-small:   14px;

        --fs-caption: 13px;
        --fs-micro:   12px;
        --fs-nano:    11px;
        /* --fs-tiny не переопределяем — остаётся 8px */

        --fs-num: 32px;

        --space-section: 56px;
        --space-inline:  18px;
    }
}