:root {
	/* Identité de marque */
	--brand-primary: #5a342b;
	--brand-accent: #b97b56;
	--brand-background: #ffffff;
	--brand-background-light: #f7f1ed;
	--brand-border: #ead9c8;
	--brand-text: var(--brand-primary);
	--brand-text-muted: rgba(90, 52, 43, 0.72);
	--brand-success: var(--brand-primary);
	--brand-error: #7a2f26;
	--color-footer: #2b1c16;
	--color-text-soft: rgba(90, 52, 43, 0.55);

	/* Loaders globaux : une seule identité visuelle pour les états de traitement. */
	--umatatea-loader-size: 24px;
	--umatatea-loader-size-small: 16px;
	--umatatea-loader-border-width: 2px;
	--umatatea-loader-color: var(--brand-primary);
	--umatatea-loader-track: rgba(90, 52, 43, 0.18);
	--umatatea-loader-overlay: rgba(255, 255, 255, 0.42);
	--umatatea-loader-speed: 0.7s;

	/* Compatibilité avec les composants existants */
	--color-brown: var(--brand-primary);
	--color-accent: var(--brand-accent);
	--color-light: var(--brand-background);
	--color-cream: var(--brand-background-light);
	--color-sand: var(--brand-border);
	--color-text: var(--brand-text);
	--color-text-muted: var(--brand-text-muted);
	--brown: var(--color-brown);
	--light: var(--color-light);
	--accent: var(--color-accent);

	/* Typographies : trois rôles seulement */
	--font-heading: "Canela Web", Gelasio, serif;
	--font-body: "Open Sans", sans-serif;
	--font-ui: var(--font-body);
	--font-title: var(--font-heading);

	/* Graisses */
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--fw-regular: var(--font-weight-regular);
	--fw-medium: var(--font-weight-medium);
	--fw-semibold: var(--font-weight-semibold);
	--fw-bold: var(--font-weight-bold);

	/* Tailles typographiques conservées */
	--font-size-body: 16px;
	--font-size-small: 13px;
	--font-size-label: 12px;
	--font-size-h1: 42px;
	--font-size-h2: 32px;
	--font-size-h3: 22px;
	--fs-xs: var(--font-size-label);
	--fs-sm: var(--font-size-small);
	--fs-base: var(--font-size-body);
	--fs-md: 17px;
	--fs-lg: 19px;
	--fs-xl: var(--font-size-h3);
	--fs-2xl: var(--font-size-h2);
	--fs-3xl: var(--font-size-h1);
	--fs-hero: 50px;

	/* Interlignages et espacement des lettres */
	--line-height-body: 1.6;
	--line-height-heading: 1.15;
	--line-height-tight: 1.05;
	--lh-tight: var(--line-height-tight);
	--lh-title: var(--line-height-heading);
	--lh-base: var(--line-height-body);
	--lh-body: var(--lh-base);
	--lh-loose: 1.75;
	--letter-spacing-body: normal;
	--letter-spacing-heading: normal;
	--letter-spacing-label: 0.08em;

	/* Arrondis */
	--radius-small: 3px;
	--radius-medium: 8px;
	--radius-large: 12px;
	--radius-pill: 999px;
	--radius-sm: var(--radius-small);
	--radius-md: var(--radius-medium);
	--radius-lg: var(--radius-large);
	--brand-radius-small: var(--radius-small);
	--brand-radius-medium: var(--radius-medium);

	/* Échelle d’espacement, sans remplacement des micro-ajustements locaux */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-8: 40px;
	--space-10: 64px;
	--space-sm: var(--space-3);
	--space-md: var(--space-5);

	/* Mise en page */
	--content-width: 1200px;
	--content-width-wide: 1440px;
	--page-gutter: 56px;
	--section-spacing: 96px;
	--container-sm: 980px;
	--container-md: var(--content-width);
	--container-lg: var(--content-width-wide);
	--container-xl: 1560px;
	--brand-content-width: var(--content-width);

	/* Composants communs */
	--button-height: 54px;
	--button-radius: 6px;
	--button-background: var(--brand-primary);
	--button-background-hover: #43251f;
	--button-text: #fffdfb;
	--button-padding-x: 34px;
	--input-height: 50px;
	--input-radius: 6px;
	--border-width: 1px;
	--btn-bg: var(--button-background);
	--btn-bg-hover: var(--button-background-hover);
	--btn-text: var(--button-text);
	--btn-radius: var(--button-radius);
	--btn-height: var(--button-height);
	--btn-padding-x: var(--button-padding-x);
	--btn-bg-image: none;
	--btn-shadow: none;
	--btn-shadow-hover: none;

	/* Produits */
	--product-image-ratio: 5 / 6;
	--brand-product-image-ratio: var(--product-image-ratio);

	/* Recommandations : valeurs Phase C déplacées sans changement */
	--recommended-products-width: 1000px;
	--recommended-products-section-before: 130px;
	--recommended-products-section-after: 40px;
	--recommended-products-padding-x: 64px;
	--recommended-products-title-gap: 45px;
	--recommended-products-title-size: 30px;
	--recommended-products-grid-row-gap: 32px;
	--recommended-products-grid-col-gap: 34px;
	--recommended-card-image-gap: 18px;
	--recommended-card-title-size: 21px;
	--recommended-card-title-line-height: 1.16;
	--recommended-card-price-size: 13px;

	/* Bandeau haut : valeurs existantes */
	--top-banner-height: 30.5px;
	--top-banner-bg: rgb(249, 246, 242);
	--top-banner-color: rgb(125, 82, 57);
	--top-banner-font-size: 11.2px;
	--top-banner-font-weight: 400;
	--top-banner-letter-spacing: 0.035em;
	--top-banner-border-color: transparent;
}