/* ============================================================
   TYPOGRAPHIE
   ============================================================ */

body {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  color: var(--color-white);
  background-color: var(--color-dark);
}

/* ── Titres de section ───────────────────────────────────── */
.s-title {
  font-family: var(--font-display);
  font-size: var(--text-section-title);
  font-weight: var(--fw-bold);
  color: var(--color-white);
  line-height: var(--lh-tight);
  margin-bottom: 0.8rem;
}

/* ── Label supérieur de section ──────────────────────────── */
.s-label {
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--color-gold);
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.s-label::before {
  content: '';
  width: 20px;
  height: 2px;
  background: var(--color-gold);
  display: inline-block;
  flex-shrink: 0;
}

/* ── Règle décorative sous titre ─────────────────────────── */
.s-rule {
  width: 40px;
  height: 3px;
  border-radius: 2px;
  margin: 1.2rem 0 2.2rem;
}

/* ── Hero ─────────────────────────────────────────────────── */
.hero-desc {
  font-size: var(--text-hero-desc);
  color: var(--alpha-white-62);
  font-weight: var(--fw-bold);
  max-width: 540px;
  line-height: var(--lh-hero);
  margin-bottom: 1.8rem;
}

.hero-disc {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.25);
  font-style: italic;
}

/* ── Slogan italique ─────────────────────────────────────── */
.fst-slogan {
  font-size: var(--text-xl);
  color: var(--color-gold-lt);
  font-style: italic;
  margin-bottom: 1.2rem;
}

/* ── Corps de texte section ──────────────────────────────── */
.fst-desc {
  color: var(--alpha-white-62);
  font-size: var(--text-lg);
  line-height: var(--lh-hero);
  margin-bottom: 2rem;
}

/* ── Lien du Relais ──────────────────────────────────────── */
.relais-right h2 {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  color: var(--color-white);
  margin-bottom: 0.7rem;
}

.relais-right p {
  font-size: var(--text-lg);
  color: var(--alpha-white-55);
  line-height: var(--lh-loose);
}

/* ── Footer ──────────────────────────────────────────────── */
.site-footer {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.35);
  line-height: 2;
}

.site-footer strong {
  color: rgba(255, 255, 255, 0.7);
}

.site-footer a {
  color: var(--color-gold);
  text-decoration: none;
}