/**
 * fonts.css — Déclarations @font-face
 * Motmot Treks — Design System V1, section 3.2.
 *
 * Polices auto-hébergées (performance, pas de dépendance tierce, RGPD).
 * Display → Shantell Sans  (remplace Dreaming Outloud Sans)
 * Texte   → Source Serif 4
 */

/* --- Shantell Sans — display --- */
/* font-display: optional (pas swap comme Source Serif 4 ci-dessous) :
   la liste des départements du carnet (section .explore--hero, accueil)
   est composée en Shantell Sans et sa métrique diffère trop du repli
   système — le swap tardif (4G lente) décalait toute la section hero
   (CLS mesuré à 1.0/1.0 sur mobile, cause identifiée via PageSpeed
   Insights le 2026-08-29). En optional, le navigateur n'affiche la
   police que si elle est prête à temps (~100 ms) et ne bascule jamais
   après coup — zéro décalage, au prix d'un repli occasionnel sur
   connexion très lente au tout premier chargement. */
@font-face {
	font-family: 'Shantell Sans';
	src: url('../fonts/shantell-sans-variable.woff2') format('woff2-variations');
	font-weight: 300 800;
	font-style: normal;
	font-display: optional;
}

@font-face {
	font-family: 'Shantell Sans';
	src: url('../fonts/shantell-sans-italic-variable.woff2') format('woff2-variations');
	font-weight: 300 800;
	font-style: italic;
	font-display: optional;
}

/* --- Source Serif 4 — texte --- */
@font-face {
	font-family: 'Source Serif 4';
	src: url('../fonts/source-serif-4-variable.woff2') format('woff2-variations');
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Source Serif 4';
	src: url('../fonts/source-serif-4-italic-variable.woff2') format('woff2-variations');
	font-weight: 300 700;
	font-style: italic;
	font-display: swap;
}