/* alexv.ru — общие переменные сайта: цвета, кегли и интерлиньяжи, поля, размеры шапки.
   Подключается на всех страницах сразу после reset.css; остальные стили берут значения отсюда. */

:root {
  --black: #000;
  --white: #fff;
  --tile: #f1f1f1;
  --muted: #767676;
  --accent: #1e57d3; /* единственный цвет действия на сайте: кнопка с ценой. Синий нового знака агентства (решение владельца 12.10.2026; был #185ea7 из прежнего знака) */

  /* поля страницы: растут вместе с окном, с учётом вырезов экрана телефона */
  --mb: clamp(16px, 2.78vw, 54px);

  /* телефон горизонтально: полем служит место под камерой, и такое же поле ставится с другой стороны — поля одинаковые */
  --safe-x: max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  --ml: max(var(--mb), var(--safe-x));
  --mr: max(var(--mb), var(--safe-x));
  --gap: clamp(12px, 1.67vw, 32px);

  /* промежуток между колонками сетки: полоса плиток, ряды картинок. Сетка — 12 долей: плитки занимают по 3,
     три картинки в ряд — по 4, плакаты ОАК — по 3, как плитки (часть 2 «Сетки и типографики», 13.10.2026) */
  --cg: max(var(--gap), 20px);

  /* размер текста — плавно от 320 до 1920 (решение владельца 15.10.2026, 18:25: ступени противоречат резиновой вёрстке;
     заменяет решение 09.10 о ступенчатой шкале). Формула: от наименьшего на 320 до наибольшего на 1920 по прямой,
     clamp(мин, мин − 0,2 × (макс − мин) + (макс − мин) / 16 vw, макс) */
  --t-big: clamp(34px, calc(28px + 1.875vw), 64px); /* короткое название работы: 34 → 64 */
  --t-mid: clamp(22px, calc(19.6px + 0.75vw), 34px); /* длинное название работы: 22 → 34 */
  --t-text: clamp(16px, calc(15.2px + 0.25vw), 20px); /* описание: 16 → 20 */
  --t-small: clamp(14px, calc(13.6px + 0.125vw), 16px); /* мелкий: 14 → 16 */

  /* «Сетка и типографика» (проба 13.10.2026): кеглей текста два — основной и мелкий;
     название мелкой работы набрано основным кеглем, шапка — мелким */
  --t-tile: var(--t-text);

  /* шапка: PT Sans при том же кегле заметно мельче Roboto (меньше высота строчных) — на мониторе шапка на шаг крупнее
     мелкого кегля: 16 / 17 / 18 (решение владельца 15.10.2026: «меню очень мелкое»); на телефоне — прежние 14 */
  --t-nav: var(--t-small);

  /* шаг — строка основного текста; вертикальные отступы между блоками — целые шаги */
  --s: clamp(22px, calc(20.8px + 0.375vw), 28px); /* 22 → 28 */

  /* у мелкого кегля один интерлиньяж на всём сайте */
  --l-small: clamp(20px, calc(19.6px + 0.125vw), 22px); /* 20 → 22 */
  --logo-w: 60px; /* знак той же высоты, что прежний (35 на телефоне); новый знак от 12.10.2026 */
}

@media (min-width: 640px) {
  :root {
    --t-nav: 16px;
  }
}

@media (min-width: 1024px) {
  :root {
    --logo-w: 71px;
  }
}

@media (min-width: 1280px) {
  :root {
    --logo-w: 79px;
    --t-nav: 17px;
  }
}

@media (min-width: 1680px) {
  :root {
    --logo-w: 88px;
    --t-nav: 18px;
  }
}