/* Qibla Tour — шрифты, вариант 2В
   Заголовки: Playfair Display
   Текст:     Golos Text
   Арабский:  Noto Naskh Arabic
   Все бесплатные (лицензия OFL), загружаются с Google Fonts. */

@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root {
  --font-main: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-arabic: 'Noto Naskh Arabic', 'Geeza Pro', 'Traditional Arabic', serif;
}

/* Весь сайт: текст, меню, кнопки */
body,
button,
input,
select,
textarea {
  font-family: var(--font-main);
}

/* Заголовки — как на макете */
h1,
h2,
h3,
h4 {
  font-family: var(--font-heading);
}

h1 {
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.08;
}

h2 {
  font-weight: 600;
  line-height: 1.15;
}

h3,
h4 {
  font-weight: 600;
  line-height: 1.2;
}

/* Арабский текст: басмала, мольбы.
   Срабатывает на элементах с lang="ar" или dir="rtl".
   Если у арабских блоков свой класс — допишите его в этот список. */
:lang(ar),
[dir="rtl"],
.arabic {
  font-family: var(--font-arabic);
  font-weight: 500;
  line-height: 2.2;        /* огласовкам нужен воздух, меньше 2 не ставить */
  letter-spacing: 0;       /* разрядка рвёт арабскую вязь */
  text-transform: none;
}