/* ─────────────────────────────────────────────────────────────────────────
   LA TYPOGRAPHIE DE TCHABITA, SUR LE SITE (22/09/2026)

   Le site écrivait en Inter, l'application en Manrope, la vitrine dans la
   police du système. Trois surfaces du même produit, trois écritures — et
   c'est exactement le défaut qu'on venait de corriger DANS l'application.

   Ce sont les MÊMES FICHIERS que l'app embarque, convertis en woff2 : mêmes
   instances statiques, même jeu de caractères réduit au latin et à la
   ponctuation française. 12 à 17 Ko par graisse.

   ⚠️ SERVIES PAR NOUS, JAMAIS PAR GOOGLE. Un lien vers fonts.googleapis.com
   enverrait l'adresse IP de chaque visiteur à Google, à chaque page, sans que
   ce soit déclaré nulle part. En Europe ce point a déjà valu des
   condamnations. La règle était déjà tenue pour Inter ; elle le reste.

   ⚠️ `font-display: swap` EST DÉLIBÉRÉ. Le texte s'affiche tout de suite dans
   la police du système, puis bascule quand la nôtre arrive. L'alternative
   (`block`) laisse une page blanche le temps du chargement — on préfère un
   texte lisible dans la mauvaise police à un écran vide dans la bonne.
   ───────────────────────────────────────────────────────────────────────── */

/* ── Manrope — le texte ─────────────────────────────────────────────────── */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Manrope-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Manrope-Medium.woff2) format('woff2');
}
/* 600 et 700 partagent le même fichier : la graisse intermédiaire n'a pas
   d'instance propre, et laisser le navigateur fabriquer un faux gras donnerait
   un dessin plus épais et plus sale que le vrai. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Manrope-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Manrope-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Manrope-Bold.woff2) format('woff2');
}

/* ── Fraunces — les titres et les prix ──────────────────────────────────── */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Fraunces-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Fraunces-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Fraunces-Bold.woff2) format('woff2');
}