/* ==========================================================================
   Esperanto. Переменные проекта.

   ФАЙЛ СОБИРАЕТСЯ АВТОМАТИЧЕСКИ из wp-theme/tokens.json.
   Руками не править: изменения затрет следующая сборка.
   Менять значения в tokens.json и запускать build-tokens.py.
   ========================================================================== */

:root {

  /* --- Бумага и чернила ---------------------------------------------- */
  --e-paper:          #F7F2EA;  /* основной фон */
  --e-paper-warm:     #F0E9DC;  /* подвал, ховер строк */
  --e-paper-tint:     #EDE6D9;  /* выделенные секции, блок «Связаться» */
  --e-paper-card:     #FBF7F0;  /* циферблаты, поля на тонированном фоне */
  --e-ink:            #16130F;  /* заголовки и основной текст */
  --e-ink-body:       #33302A;  /* длинный текст */
  --e-ink-muted:      #5E574D;  /* подписи, второстепенное */
  --e-ink-faint:      #B3A896;  /* коды юрисдикций, плейсхолдеры */
  --e-accent:         #7A1F2B;  /* единственный акцент */
  --e-accent-ink:     #F7F2EA;  /* текст на акценте */
  --e-brass:          #8A6D3B;  /* нумерация, мета */
  --e-brass-deep:     #7A5F2E;  /* заголовки групп юрисдикций */
  --e-brass-rule:     #C0A874;  /* короткая линия под заголовком группы */
  --e-rule:           #DDD4C6;  /* обычная линейка */
  --e-rule-tint:      #CFC3B0;  /* линейка на тонированном фоне */
  --e-rule-strong:    #16130F;  /* надзаголовок секции */

  /* --- Типографика --------------------------------------------------- */
  --e-serif:          'Source Serif 4', Georgia, 'Times New Roman', serif;
  --e-sans:           'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --e-mono:           'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --e-fs-h1:          clamp(34px, 4.8vw, 64px);
  --e-fs-h2:          clamp(26px, 3.2vw, 40px);
  --e-fs-display:     clamp(26px, 3.4vw, 42px);  /* заголовок главной новости */
  --e-fs-h3:          clamp(19px, 2vw, 24px);
  --e-fs-h4:          clamp(18px, 1.8vw, 21px);
  --e-fs-lead:        clamp(16.5px, 1.6vw, 20px);  /* подзаголовок первого экрана */
  --e-fs-quote:       clamp(21px, 2.4vw, 29px);  /* крупная врезка */
  --e-fs-body:        17px;
  --e-fs-small:       16px;
  --e-fs-xsmall:      15.5px;
  --e-fs-legal:       13px;
  --e-fs-label:       clamp(16px, 1.7vw, 19px);  /* надзаголовок секции */
  --e-fs-meta:        11px;  /* мета моноширинным */
  --e-fs-meta-sm:     10.5px;
  --e-fs-meta-xs:     8.5px;  /* подпись под циферблатом */
  --e-fs-stat:        clamp(22px, 2.5vw, 32px);  /* цифра в строке первого экрана */
  --e-fs-stat-lg:     clamp(34px, 3.6vw, 46px);  /* цифра в сводке */
  --e-fs-phone:       clamp(19px, 2.1vw, 27px);
  --e-fw-regular:     400;
  --e-fw-medium:      500;
  --e-fw-semi:        600;
  --e-lh-tight:       1.05;  /* H1 */
  --e-lh-head:        1.2;
  --e-lh-snug:        1.35;
  --e-lh-text:        1.55;
  --e-lh-prose:       1.6;
  --e-ls-h1:          -0.028em;
  --e-ls-head:        -0.012em;
  --e-ls-label:       0.07em;  /* надзаголовок секции */
  --e-ls-meta:        0.12em;
  --e-ls-meta-lg:     0.14em;

  /* --- Ритм и сетка -------------------------------------------------- */
  --e-container:      1320px;
  --e-gutter:         clamp(18px, 4vw, 56px);  /* боковые поля контейнера */
  --e-section-y:      clamp(44px, 6vw, 88px);  /* шаг между секциями */
  --e-block-y:        clamp(26px, 3.5vw, 48px);  /* от надзаголовка до содержимого */
  --e-gap-lg:         clamp(32px, 5vw, 80px);
  --e-gap-md:         clamp(24px, 3vw, 48px);
  --e-gap-sm:         clamp(16px, 2.4vw, 40px);
  --e-gap-xs:         clamp(10px, 1.3vw, 20px);

  /* --- Элементы ------------------------------------------------------ */
  --e-rule-w:         1px;
  --e-rule-w-strong:  1.5px;
  --e-pad-card:       clamp(24px, 2.8vw, 34px) clamp(20px, 2.6vw, 38px) clamp(26px, 3vw, 38px);
  --e-pad-cell:       clamp(18px, 2vw, 24px) clamp(18px, 2.2vw, 30px) clamp(22px, 2.4vw, 30px);
  --e-btn-pad:        15px 28px;
  --e-btn-fs:         15px;
  --e-field-pad:      13px 14px;
  --e-field-fs:       16px;  /* меньше 16px на iOS дает зум при фокусе */
  --e-dial:           clamp(42px, 4.1vw, 54px);  /* диаметр циферблата */
  --e-z-fab:          60;
  --e-z-cookies:      70;

  /* --- Движение ------------------------------------------------------ */
  --e-ease-out:       cubic-bezier(.22, .61, .36, 1);  /* базовое затухание */
  --e-ease-elastic:   cubic-bezier(.34, 1.4, .5, 1);  /* перелет, упругость */
  --e-ease-settle:    cubic-bezier(.16, 1, .3, 1);  /* длинный выезд, почти без разгона */
  --e-ease-swing:     cubic-bezier(.65, 0, .35, 1);  /* симметричный, для раскрытий */
  --e-dur-fast:       140ms;  /* цвет, заливка */
  --e-dur-base:       280ms;  /* основной слой */
  --e-dur-slow:       480ms;  /* второй слой, догоняет первый */
  --e-dur-reveal:     760ms;  /* появление при прокрутке */
  --e-delay-layer:    60ms;  /* сдвиг между слоями */
  --e-lift:           2px;  /* подъем при наведении */
  --e-shift:          4px;  /* сдвиг текста при наведении */
}