:root {
	--color-text: #111;
	--color-background: #fff;
	--color-surface: #efefef;
	--font-sans: "Manrope", Arial, sans-serif;
	--site-max: 2560px;
	--content-wide: 1104px;
	--content-text: 760px;
	--editorial-max: 1180px;
	--column-medium: 474px;
	--column-gap: clamp(1.875rem, 5vw, 6rem);

	/* Valeurs maximales calées sur la maquette Figma à 1920 px. */
	--space-2xs: 0.25rem;
	--space-xs: clamp(0.5rem, 0.521vw, 0.625rem);
	--space-sm: clamp(0.75rem, 0.781vw, 0.9375rem);
	--space-md: clamp(1rem, 1.5625vw, 1.875rem);
	--space-lg: clamp(2.5rem, 3.125vw, 3.75rem);
	--space-xl: clamp(3.75rem, 5vw, 6rem);
	--page-gutter: var(--space-md);
	--grid-gap: var(--space-md);
	--section-space: clamp(3.75rem, 6.25vw, 7.5rem);

	--text-footer: clamp(0.6875rem, 0.625vw, 0.75rem);
	--text-body: clamp(0.875rem, 0.833vw, 1rem);
	--text-heading-sm: clamp(1rem, 0.9375vw, 1.125rem);
	--text-project: clamp(1.125rem, 1.146vw, 1.375rem);
	--text-statement: clamp(1.375rem, 1.5625vw, 1.875rem);
	--weight-regular: 400;
	--weight-bold: 700;
	--weight-extra-bold: 800;
	--line-height-tight: 1;
	--line-height-heading: 1.2;
	--line-height-body: 1.5;
	--border-width: 1px;
	--footer-border-width: 5px;
	--footer-nav-gap: clamp(1rem, 1.354vw, 1.625rem);
	--radius-pill: 999px;
	--project-image-ratio: 786 / 600;
	--transition-fast: 180ms;
	--transition-card: 280ms;
	--transition-carousel: 1000ms;
	--transition-page-out: 400ms;
	--transition-page-in: 200ms;
	--ease-standard: ease;
	--ease-card: cubic-bezier(0.64, 0.22, 0.29, 0.75);
	--ease-carousel: cubic-bezier(0.65, 0, 0.35, 1);
	--ease-page: ease-out;

	/* Alias conservés pour les composants génériques. */
	--text-xs: var(--text-footer);
	--text-sm: var(--text-body);
	--text-base: var(--text-body);
	--text-lg: var(--text-project);
	--text-xl: var(--text-statement);
}