/* =========================
   TACH / BASE THEME (SITE CSS)
   ========================= */

html, body { overflow-x: hidden; }

:root{
  /* Цвета */
  --bg: #efe7dc;
  --text: #111111;
  --muted: #7a7a7a;
  --white: #ffffff;
  --text-on-dark: #ffffff;
  --rule: rgba(0,0,0,.16);

  /* Шрифты */
  --font: -apple-system, BlinkMacSystemFont, "Inter", Arial, sans-serif;

  /* Сетка / отступы */
  --pad-x: 32px;
  --pad-y: 56px;
  --radius: 28px;
  --shadow: 0 20px 60px rgba(0,0,0,.35);

  /* Контентная ширина */
  --content: 1200px;

  /* Тексты */
  --fs-body-min: 18px;
  --fs-body-max: 28px;
  --lh-body: 1.35;

  /* Для линий (полосок) */
  --rule-gap: 28px;

  /* HERO (добавили) */
  --hero-pad: 16px;
  --hero-pad2: 32px;
  --frame-pad: 28px;

  --hero-contact-fs: 14px;
  --hero-contact-py: 10px;
  --hero-contact-px: 16px;

  --hero-label-min: 28px;
  --hero-label-max: 48px;

  --hero-logo-min: 90px;
  --hero-logo-max: 220px;
}

/* Мобилка */
@media (max-width: 768px){
  :root{
    --pad-x: 24px;
    --pad-y: 44px;
    --radius: 22px;
    --rule-gap: 18px;
  }
}

@media (max-width: 480px){
  :root{
    --pad-x: 16px;
    --pad-y: 36px;

    /* HERO (мобилка) */
    --hero-pad: 12px;
    --hero-pad2: 24px;
    --frame-pad: 22px;
  }
}

/* БАЗА */
.tach-section{
  background: var(--bg);
  padding: var(--pad-y) var(--pad-x);
}

.tach-inner{
  max-width: var(--content);
  margin: 0 auto;
}

/* Полоски */
.tach-rule{
  height: 1px;
  background: var(--rule);
}

/* Текст по умолчанию */
.tach-text{
  font-family: var(--font);
  font-size: clamp(var(--fs-body-min), 2.1vw, var(--fs-body-max));
  line-height: var(--lh-body);
  color: var(--text);
  letter-spacing: -0.01em;
}