/*
Identité visuelle LeSummer — direction « Atelier ».
Écru crème repris du fichier logo, blocs brun profond, terracotta de la fleur du logo
en unique couleur d'accent. Vocabulaire d'imprimé : angles vifs, filets marqués,
libellés en capitales espacées.

Ne référencer QUE ces variables dans les fichiers de composants — jamais de couleur
ni de police codée en dur. Re-brander = modifier ce seul fichier.
*/
:root {
	/* Fonds et surfaces */
	--color-background: #fbf5e7;      /* crème exact du fichier logo */
	--color-surface: #fffbf2;         /* cartes, panneaux */
	--color-surface-alt: #efe3c9;     /* aplats doux, réserves d'image */
	--color-block: #2e2620;           /* bloc plein : le délai de fabrication */

	/* Texte */
	--color-text: #241e19;            /* encre */
	--color-text-body: #554b41;       /* texte courant */
	--color-text-muted: #786b5b;      /* secondaire — assombri pour rester lisible */
	--color-text-on-block: #f4efe3;
	--color-text-on-block-muted: #b6a797;
	--color-label-on-block: #c9a98f;

	/*
	Terracotta en trois valeurs distinctes : la teinte du logo sert aux aplats, mais
	elle est trop claire pour du petit texte — d'où une variante assombrie.
	*/
	--color-accent: #c05a22;          /* aplats, filets, icônes */
	--color-accent-text: #9e4518;     /* texte et liens */
	--color-accent-button: #ab4f1c;   /* fond de bouton */
	--color-accent-hover: #96431a;

	/* Traits */
	--color-border: #e1d5bc;          /* filets discrets */
	--color-rule: #241e19;            /* filets structurels marqués */
	--color-overlay: rgba(36, 30, 25, 0.55);

	/* Badges */
	--color-badge-sur-mesure-bg: #2e2620;
	--color-badge-sur-mesure-text: #fbf5e7;
	--color-badge-piece-unique-bg: #ab4f1c;
	--color-badge-piece-unique-text: #fffbf2;

	/* Typographie */
	--font-heading: 'Spectral', Georgia, 'Times New Roman', serif;
	--font-body: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-size-xs: 0.6875rem;        /* 11px — libellés en capitales */
	--font-size-sm: 0.8125rem;        /* 13px */
	--font-size-base: 0.9375rem;      /* 15px */
	--font-size-lg: 1.0625rem;        /* 17px */
	--font-size-xl: 1.375rem;         /* 22px — valeur du délai */
	--font-size-2xl: 2.375rem;        /* 38px — titre produit */
	--line-height-base: 1.65;
	--line-height-heading: 1.15;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 600;
	--font-weight-heading: 300;       /* Spectral Light */
	--letter-spacing-label: 0.2em;    /* capitales espacées */
	--letter-spacing-label-sm: 0.12em;

	/* Espacements */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-8: 3rem;

	/*
	Angles vifs assumés : c'est ce qui fait lire « atelier / imprimé » plutôt que
	« interface d'application ». Décision prise après comparaison d'une variante
	arrondie. Pour adoucir l'ensemble un jour, il suffit de changer ces trois lignes.
	*/
	--radius-sm: 0;
	--radius-md: 0;
	--radius-lg: 0;

	/* Pas d'ombre portée en surface : mise en page plate. Réservée au modal. */
	--shadow-sm: none;
	--shadow-md: 0 8px 40px rgba(36, 30, 25, 0.22);
	--border-width-rule: 2px;
	--transition-base: 0.2s ease;
	--z-modal: 1000;
}