/* ====================== font-themes.css — варианты 1 и 3 ====================== */

/*
  На главной: <html data-font-pack="1"> или data-font-pack="3">
  Предпросмотр: блок с классом .font-pack--1 / .font-pack--3
*/

html[data-font-pack="1"],
html:not([data-font-pack]),
.font-pack--1 {
  --font-body: "Inter", "Manrope", "Suisse Intl", system-ui, sans-serif;
  --font-heading: "Neue Machina", "Druk Wide", "Suisse Intl Expanded", system-ui, sans-serif;
  --font-accent: "Suisse Intl", "Manrope", system-ui, sans-serif;
  --font-hero-line: "Neue Machina", "Druk Wide", sans-serif;
  --font-hero-badge: "Suisse Intl Expanded", "Druk Wide", sans-serif;
  --font-label: "Suisse Intl", "Inter", sans-serif;
}

html[data-font-pack="3"],
.font-pack--3 {
  --font-body: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-heading: "Monument Extended", "Clash Display", system-ui, sans-serif;
  --font-accent: "Clash Display", "Space Grotesk", system-ui, sans-serif;
  --font-hero-line: "Monument Extended", "Clash Display", sans-serif;
  --font-hero-badge: "Clash Display", "Monument Extended", sans-serif;
  --font-label: "Bebas Neue", "Monument Extended", system-ui, sans-serif;
}

/* Bebas только там, где узкий uppercase (кнопка героя в варианте 3) */
html[data-font-pack="3"] .hero__button {
  font-family: var(--font-label);
  letter-spacing: 0.22em;
  font-weight: 400;
}

/* SHOWREEL — всегда как в паке 1: Suisse Intl / Inter, не Bebas */
.hero__button#playReel,
#playReel.hero__button {
  font-family: "Suisse Intl", "Inter", "Manrope", system-ui, sans-serif;
  letter-spacing: 0.15em;
  font-weight: 600;
}