/**
 * L'Aire Bête — Design tokens
 *
 * Système de variables CSS centralisant la charte graphique :
 * couleurs, espacements, typographie, arrondis, ombres, transitions.
 */

:root {
	/* === Couleurs principales === */
	--lb-sarcelle: #1A7A6E;
	--lb-sarcelle-fonce: #155F56;
	--lb-sarcelle-clair: #2EA897;
	--lb-or: #D4A017;
	--lb-or-fonce: #B8860B;
	--lb-or-clair: #E8B83A;

	/* === Couleurs neutres (style naturel : bois, plantes) === */
	--lb-blanc-casse: #FAF7F2;
	--lb-beige: #E8DFD0;
	--lb-bois-clair: #C9B79A;
	--lb-bois-fonce: #8B6F47;
	--lb-vert-sauge: #9CAF88;
	--lb-noir: #1A1A1A;

	/* === Espacements (système 4px) === */
	--lb-space-xs: 4px;
	--lb-space-sm: 8px;
	--lb-space-md: 16px;
	--lb-space-lg: 24px;
	--lb-space-xl: 32px;
	--lb-space-2xl: 48px;
	--lb-space-3xl: 64px;

	/* === Typographie === */
	--lb-font-titre: 'Fredoka One', cursive;
	--lb-font-corps: 'Open Sans', sans-serif;
	--lb-text-xs: 0.75rem;
	--lb-text-sm: 0.875rem;
	--lb-text-base: 1rem;
	--lb-text-lg: 1.125rem;
	--lb-text-xl: 1.5rem;
	--lb-text-2xl: 2rem;
	--lb-text-3xl: 2.5rem;
	--lb-text-4xl: 3.5rem;

	/* === Arrondis === */
	--lb-radius-sm: 4px;
	--lb-radius-md: 8px;
	--lb-radius-lg: 16px;
	--lb-radius-xl: 24px;
	--lb-radius-full: 9999px;

	/* === Ombres (douces, naturelles, teintées sarcelle) === */
	--lb-shadow-sm: 0 2px 4px rgba(26, 122, 110, 0.08);
	--lb-shadow-md: 0 4px 12px rgba(26, 122, 110, 0.12);
	--lb-shadow-lg: 0 8px 24px rgba(26, 122, 110, 0.16);
	--lb-shadow-xl: 0 16px 48px rgba(26, 122, 110, 0.20);

	/* === Transitions === */
	--lb-transition-fast: 150ms ease;
	--lb-transition-base: 250ms ease;
	--lb-transition-slow: 400ms ease;
}