/*
Design tokens — PLAGEPLAGE
Référence : docs/brand-book-v1.md. Toute valeur ici doit correspondre à une
décision actée dans le Brand Book — ne pas modifier l'un sans l'autre.
*/

:root {
	/* Palette — cf. Brand Book §1 */
	--pp-color-blanc-casse: #faf8f5;
	--pp-color-sable: #ece5d8;
	--pp-color-beige: #d8cdb8;
	--pp-color-gris-doux: #8a8a86;
	--pp-color-bleu-gris: #5e6b6d;
	--pp-color-noir: #161513;

	--pp-color-bg: var(--pp-color-blanc-casse);
	--pp-color-text: var(--pp-color-noir);
	--pp-color-text-muted: var(--pp-color-gris-doux);
	--pp-color-border: var(--pp-color-sable);
	--pp-color-accent: var(--pp-color-bleu-gris);

	/*
	Typographie — cf. Brand Book §2.
	Canela/Söhne restent la cible esthétique mais sont des polices sous licence
	commerciale (Colophon Foundry / Klim), non acquise à ce stade. Fraunces et
	General Sans sont les équivalents libres de production, choisis pour leur
	parenté de caractère — substitution directe ici le jour où la licence est
	acquise, sans toucher au reste du code.
	*/
	--pp-font-display: "Fraunces", "Canela", "Georgia", serif;
	--pp-font-text: "General Sans", "Söhne", "Helvetica Neue", sans-serif;

	--pp-font-size-base: 18px;
	--pp-line-height-base: 1.6;

	/* Espacement — cf. Brand Book §3 */
	--pp-space-xs: 0.5rem;
	--pp-space-sm: 1rem;
	--pp-space-md: 2rem;
	--pp-space-lg: 2.5rem;
	--pp-space-xl: 4rem;

	/* Grille éditoriale — cf. Brand Book §3 */
	--pp-grid-gutter: 24px;
	--pp-grid-gutter-mobile: 16px;

	/* Largeur de lecture */
	--pp-content-max-width: 720px;
	--pp-page-max-width: 1280px;

	/* Couleurs complémentaires */
	--pp-color-encre: #1a2020;
	--pp-color-creme: #faf8f5;

	/* Conteneur global */
	--pp-container-max: 1200px;
	--pp-container-pad: 1.5rem;

	/* Espacements de section */
	--pp-section-pad-sm:  2rem;
	--pp-section-pad-md:  clamp(2rem, 4vw, 3.5rem);
	--pp-section-pad-lg:  clamp(2.5rem, 5vw, 4rem);
	--pp-section-side:    clamp(1.5rem, 5vw, 4rem);
}