/* ═══════════════════════════════════════════
   TYPOGRAPHY.CSS — Polices & Styles Texte
   The Sisters Offroad Theme
   ═══════════════════════════════════════════ */

/* ─── Eyebrow / Label ─── */
.eyebrow,
.section-label,
.intro-eyebrow,
.hero-tag,
.cta-eyebrow {
  font-size: 0.7rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--sand);
}

/* ─── Display Titles (Bebas Neue) ─── */
.display-title,
.section-title,
.hero-title,
.cta-title,
.piste-info-title,
.act-name,
.stat-num {
  font-family: var(--font-display);
  letter-spacing: 0.02em;
}

/* ─── Serif Titles (Cinzel) ─── */
.serif-title,
.intro-title,
.pack-name,
.why-title {
  font-family: var(--font-serif);
  font-weight: 700;
}

/* ─── Body Text ─── */
.body-text,
.intro-body,
.piste-info-body,
.cta-body {
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--text-secondary);
}

/* ─── Small Text ─── */
.small-text,
.act-desc,
.pack-tagline,
.why-body,
.review-meta,
.faq-a,
.stat-label {
  font-size: 0.82rem;
  line-height: 1.7;
  color: var(--text-muted);
}

/* ─── Micro Text ─── */
.micro-text,
.piste-stat-key,
.piste-tab-sub,
.footer-copy,
.cookie-text {
  font-size: 0.7rem;
  letter-spacing: 0.1em;
}

/* ─── Link Styles ─── */
.section-link {
  color: var(--muted);
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color var(--transition-fast);
  padding-bottom: 4px;
}

.section-link:link,
.section-link:visited {
  color: var(--muted);
}

.section-link:hover,
.section-link:focus-visible {
  color: var(--sand);
}