:root {
	--c-copper: #b56d34;
	--c-beige: #f8ece1;
	--c-cream: #f5e6d5;
	--c-text: #5e5751;
	--c-white: #fff;
	--c-navy: #162340;
	--c-line: rgb(181 109 52 / 20%);
	--c-line-light: rgb(248 236 225 / 20%);

	--font: "Ocean Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--fw-light: 300;
	--fw-semi: 600;

	/* Échelle typo : valeur max = maquette (1512 px). */
	--fs-display: clamp(3rem, 6.614vw, 6.25rem);
	--lh-display: 1.2;
	--fs-hero: clamp(2.75rem, 5.291vw, 5rem);
	--fs-h1: clamp(2.125rem, 3.307vw, 3.125rem);
	--lh-h1: 1.2;
	--fs-lead: clamp(1.5rem, 2.646vw, 2.5rem);
	--fs-h3: clamp(1.25rem, 1.653vw, 1.5625rem);
	--fs-large: 1.125rem;
	--fs-base: 1rem;
	--lh-base: 1.5625;
	--fs-small: 0.75rem;

	--tracking-eyebrow: 0.1em;

	--gutter: clamp(1rem, 2.91vw, 2.75rem);
	--container: 65.3125rem;
	--container-wide: 89rem;
	--container-contact: 65.625rem;

	--header-h: 7.625rem;
	--transition: 0.3s ease;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 1100px) {
	:root {
		--header-h: 5rem;
	}
}