/* theme.css — характер шаблона «Дроп-плакат».
   Цвета, шрифты, сетка и масштабы живут в design-tokens.json → tokens.css:
   их правит агент. Здесь только то, что делает шаблон этим шаблоном. */

:root {
  --container: 1240px;
  --gutter: 26px;
}

/* Трекинга и интерлиньяжа здесь больше нет: они уехали в design-tokens.json,
   группа `type`. Отсюда они перебивали tokens.css (theme.css подключается
   позже), и агент, сменивший гарнитуру, не мог поправить набор ничем. */

/* Форматы первого экрана — общие для всех шаблонов, они лежат в
   pages/blocks/assets/css/hero.css. Здесь им не место: двенадцать одинаковых
   копий одного правила никого не различали, а править приходилось все. */

.section--featured .product-card__name,
.section--catalog .product-card__name { letter-spacing: -0.01em; }

@media (max-width: 720px) {
  :root { --section-pad: 48px; --hero-pad: 60px; --gutter: 18px; }
}


/* реквизиты и документы в подвале */
.site-footer__docs {
  display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px;
}
.site-footer__docs a { color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.site-footer__docs a:hover { color: var(--fg); }
.site-footer__legal { margin-top: 12px; font-size: 12.5px; line-height: 1.6; color: var(--muted); }