/*
 * fonts.css — Polices embarquées localement
 * Playfair Display (500, 700) + Inter (300, 400, 500, 600, 700)
 *
 * Les fichiers .woff2 doivent être placés dans le même dossier que ce fichier
 * (WebContent/ dans le bundle Xcode).
 * Exécuter download-fonts.sh une fois pour les télécharger.
 */

/* ── Playfair Display ─────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('playfair-display-v37-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('playfair-display-v37-latin-700.woff2') format('woff2');
}

/* Italique 700 — utilisé pour le lettrage du logo « Flam ». */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('playfair-display-v40-latin-italic-700.woff2') format('woff2');
}

/* ── Inter ───────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('inter-v13-latin-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('inter-v13-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('inter-v13-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('inter-v13-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('inter-v13-latin-700.woff2') format('woff2');
}

/* ── Lettrage de marque « Flam » (mutualisé) ─────────────────────────────────
   Graphie du logo : Playfair Display italique + dégradé doré → rose + halo.
   À poser sur l'élément (ou le <span>) qui contient le mot « Flam ». L'élément
   garde sa propre taille (font-size) ; cette classe ne gère que le lettrage. */
.flam-word {
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-weight: 700;
  background-image: linear-gradient(180deg, #ffe1a6 0%, #ffb24d 34%, #ff7ea6 68%, #ff3f8c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(255, 110, 170, 0.45));
}