/**
 * Общая типографика: читабельный текст (Inter) + акцентный дисплей (Russo One).
 * Подключается после основных стилей раздела.
 */
:root {
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Russo One", sans-serif;
  --text-body: #ececec;
  --text-muted: #a8a8a8;
  --line-height-readable: 1.65;
}

/* ---------- Clover Arena (/club/) ---------- */
body.gradient-page {
  font-family: var(--font-body);
  color: var(--text-body);
  line-height: var(--line-height-readable);
  letter-spacing: 0.01em;
}

body.gradient-page h1,
body.gradient-page h2,
body.gradient-page h3,
body.gradient-page .section-title,
body.gradient-page .logo-clover,
body.gradient-page .logo-arena,
body.gradient-page nav a,
body.gradient-page .btn,
body.gradient-page .ticker-item,
body.gradient-page .faq-question,
body.gradient-page .footer-col h4,
body.gradient-page .preloader-text {
  font-family: var(--font-display);
  letter-spacing: 0.04em;
}

body.gradient-page .hero p,
body.gradient-page .section-subtitle,
body.gradient-page .feature-card p,
body.gradient-page .hall-header p,
body.gradient-page .spec-label,
body.gradient-page .spec-value,
body.gradient-page .footer-col p,
body.gradient-page .footer-col a,
body.gradient-page .faq-answer,
body.gradient-page .location-detail,
body.gradient-page .review-text,
body.gradient-page .pricing-note {
  font-family: var(--font-body);
  letter-spacing: 0.01em;
}

body.gradient-page .hero p,
body.gradient-page .section-subtitle,
body.gradient-page .feature-card p,
body.gradient-page .hall-header p,
body.gradient-page .spec-label {
  color: var(--text-muted);
}

body.gradient-page .spec-value {
  color: #f3f4f6;
}

body.gradient-page .feature-card p {
  line-height: 1.7;
}

body.gradient-page a:focus-visible,
body.league-body a:focus-visible {
  outline: 2px solid #007315;
  outline-offset: 2px;
}

/* ---------- Шаблоны templates/main/ ---------- */
body.site-main {
  font-family: var(--font-body);
  line-height: var(--line-height-readable);
  color: #ececec;
}

body.site-main .section-title,
body.site-main .hero h1,
body.site-main nav a,
body.site-main .btn {
  font-family: var(--font-display);
}

body.site-main .section-subtitle,
body.site-main .feature-card p,
body.site-main .faq-answer,
body.site-main .spec-label {
  color: #b0b0b0;
}