/*
 * Токены, которые держат страницу ровной. Значения — заглушки: снять с дизайна клиента.
 * Правила приёмки (references/05-вёрстка-и-приёмка.md):
 *  - главные заголовки блоков одной страницы — ОДИН размер, включая H1 первого экрана;
 *  - отступы между блоками на телефоне — ровные, без выбросов;
 *  - многострочный заголовок — один шаг строк (половины заголовка без зазора между собой).
 */
:root {
  --bg: #ffffff;
  --text: #1b1b1b;
  --accent: #2a7de1;
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Один размер для всех заголовков блоков: 28px на телефоне → 54px от 1200px */
  --block-h: clamp(28px, 4.5vw, 54px);
  --block-h-lh: 1.15;

  /* Вертикальный ритм блоков: на телефоне ~96–120px от последнего элемента блока до следующего */
  --block-pad-y: clamp(48px, 7vw, 96px);
}

h1, .block-title { font-family: var(--font-heading); font-size: var(--block-h); line-height: var(--block-h-lh); text-wrap: balance; }
section { padding-block: var(--block-pad-y); }