/* ==========================================================================
   Fonts — Mobile-first : police système par défaut.
   Les @font-face ne sont déclarées qu'au-dessus de 768px,
   garantissant zéro téléchargement de .woff2 sur mobile.
   ========================================================================== */
@font-face {
	font-family: 'co-manuscript';
	src: url('../fonts/manuscript/CO-Manuscript.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	--font-heading: var(--font-body);
	--font-manuscript: 'co-manuscript', Georgia, 'Times New Roman', serif;
	--font-accent: Georgia, 'Times New Roman', serif;
}

@media (hover: hover) and (pointer: fine) {

	/* Poppins Regular */
	@font-face {
		font-family: 'Poppins';
		src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2');
		font-style: normal;
		font-display: swap;
	}

	/* Literata Regular */
	@font-face {
		font-family: 'Literata';
		src: url('../fonts/literata/Literata-Medium.woff2') format('woff2');
		font-style: normal;
		font-display: swap;
	}

	/* Literata Light Italic */
	@font-face {
		font-family: 'Literata';
		src: url('../fonts/literata/Literata-LightItalic.woff2') format('woff2');
		font-style: italic;
		font-display: swap;
	}

	:root {
		--font-body: 'Poppins', system-ui, -apple-system, sans-serif;
		--font-heading: 'Literata', Georgia, 'Times New Roman', serif;
		--font-accent: 'Literata', Georgia, 'Times New Roman', serif;
	}
}

/* Application des polices via les custom properties */
body {
	font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
}

/* ==========================================================================
   Classes utilitaires
   ========================================================================== */

.font-body {
	font-family: var(--font-body);
}

.font-heading {
	font-family: var(--font-heading);
}

.font-accent {
	font-family: var(--font-accent);
}

.font-accent-italic {
	font-family: var(--font-accent);
	font-weight: 300;
	font-style: italic;
}