/* =============================================================
   AGORA DES MOTS — ANAGRAMMES
   styles/diploma-fonts.css — Palier 18A.1, section 8B.

   DIAGNOSTIC : les mêmes règles @font-face, déclarées à l'intérieur
   de la feuille de styles/profile-diploma.css (chargée DANS le DOM
   fantôme de <agora-config-view>), ne déclenchaient JAMAIS de
   requête réseau réelle — vérifié : `document.fonts` au niveau du
   DOCUMENT ne connaît même pas les familles Cinzel/EB Garamond/Great
   Vibes quand elles ne sont déclarées que dans un @font-face scopé à
   un Shadow DOM (limitation réelle du navigateur, pas une erreur de
   chemin — les chemins d'assets ont été vérifiés corrects). Résultat
   concret : la signature du diplôme retombait sur le générique
   « cursive » du système, visuellement différent de Great Vibes.

   Correctif : les MÊMES déclarations @font-face, copiées ici et
   chargées au niveau du DOCUMENT (voir index.html) — un `@font-face`
   est un enregistrement de police global du navigateur, jamais
   vraiment "scopé" par nature ; le déclarer au niveau document le
   rend fiable pour tout le reste de l'app (y compris les éléments
   dans un Shadow DOM qui référencent ces mêmes noms de famille).
   styles/profile-diploma.css garde EXCLUSIVEMENT les règles qui
   UTILISENT ces polices (font-family: "Cinzel", etc.), jamais les
   déclarations elles-mêmes — une seule source pour chaque police.
   ============================================================= */
@font-face {
  font-family: "Great Vibes";
  src: url('../assets/fonts/great-vibes/great-vibes-regular.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel";
  src: url('../assets/fonts/cinzel/cinzel-400.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel";
  src: url('../assets/fonts/cinzel/cinzel-600.ttf') format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel";
  src: url('../assets/fonts/cinzel/cinzel-700.ttf') format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel";
  src: url('../assets/fonts/cinzel/cinzel-900.ttf') format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url('../assets/fonts/eb-garamond/eb-garamond-400.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url('../assets/fonts/eb-garamond/eb-garamond-500.ttf') format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url('../assets/fonts/eb-garamond/eb-garamond-italic-400.ttf') format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url('../assets/fonts/eb-garamond/eb-garamond-italic-500.ttf') format("truetype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}