/**
 * Charte graphique TU from Tutch.
 * Toutes les couleurs, polices et durées du site sont définies ici.
 */

@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/clash-display-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Clash Display';
	src: url('../fonts/clash-display-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope';
	src: url('../fonts/manrope-variable.woff2') format('woff2');
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Instrument Serif';
	src: url('../fonts/instrument-serif-italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

:root {
	/* Couleurs — Pantone 13-1023 Peach Fuzz et palette dérivée */
	--blanc: #FFFFFF;
	--creme: #FFF4EC;
	--peche-clair: #FFD9C2;
	--peach-fuzz: #FFBE98;
	--peche-soutenu: #F4A27C;
	--rose-poudre: #F7C6C7;
	--lavande: #C9C6E8;
	--corail: #F98B76;
	--jaune-chaud: #FFD58A;

	/* Texte : jamais de noir pur, jamais de pêche sur fond clair */
	--brun: #2E211C;
	--brun-doux: #5A463D;

	/* Halo autour des bijoux (changera avec la pierre choisie) */
	--halo: var(--peach-fuzz);

	/* Polices */
	--police-titre: 'Clash Display', 'Arial Black', sans-serif;
	--police-texte: 'Manrope', system-ui, sans-serif;
	--police-signature: 'Instrument Serif', Georgia, serif;

	/* Espacements */
	--marge: clamp(1rem, 4vw, 3rem);

	/* Mouvement */
	--ease-doux: cubic-bezier(.22, .61, .36, 1);
	--duree-rapide: .25s;
	--duree-flottement: 7s;
	--duree-ambiance: 28s;
}