/* ========================================
   1. ПОДКЛЮЧЕНИЕ ШРИФТОВ
   ======================================== */

/* Основной шрифт для текста — Golos Text (с поддержкой кириллицы) */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap');

/* Акцидентный шрифт для заголовков — Jost (геометрический гротеск) */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap');

/* Альтернативный вариант: если нужен шрифт с арктическим характером — Nunito */
/* @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap'); */

/* Альтернативный вариант: рукописный шрифт Караван (если нужно передать атмосферу) */
/* @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap'); */


/* ========================================
   2. ГЛОБАЛЬНЫЕ НАСТРОЙКИ ТЕКСТА
   ======================================== */

body {
  /* Основной шрифт для всего текста */
  font-family: 'Golos Text', 'Inter', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Все заголовки используют акцидентный шрифт Jost */
h1, h2, h3, h4, h5, h6,
.section-title, .block-title,
.t-title, .t-name, .t-descr {
  font-family: 'Jost', 'Tilda Sans', 'Arial', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
}

/* Размеры заголовков (можно адаптировать под свой проект) */
h1 { font-size: 68px; }
h2, .section-title { font-size: 42px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }

/* Акцентные элементы (цитаты, подписи) */
blockquote, .quote, .testimonial {
  font-family: 'Golos Text', 'Georgia', serif;
  font-weight: 400;
  font-style: italic;
}

/* Вспомогательные тексты (мелкий шрифт, подписи) */
small, .caption, .meta, .footer-text {
  font-family: 'Golos Text', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 400;
}

/* ========================================
   3. АДАПТИВНОСТЬ РАЗМЕРОВ
   ======================================== */

@media (max-width: 992px) {
  h1 { font-size: 48px; }
  h2, .section-title { font-size: 34px; }
  h3 { font-size: 24px; }
}

@media (max-width: 768px) {
  h1 { font-size: 36px; }
  h2, .section-title { font-size: 28px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }
}

@media (max-width: 480px) {
  h1 { font-size: 28px; }
  h2, .section-title { font-size: 22px; }
  h3 { font-size: 18px; }
}