/*
 * Variables de design.
 *
 * PALETTE — vert feuillage et cuivre.
 *
 * Deux écueils à éviter, et la palette se tient entre les deux.
 *
 * D'un côté l'ancienne palette du site (fond #f4ffe4, olive #5C743D, lime
 * #B0E425) : un vert jaune très saturé, celui de n'importe quelle jardinerie.
 * De l'autre le vert-de-gris bleuté qui l'avait remplacé, juste de concept — le
 * produit phare est un gluconate de cuivre, et la patine est ce que devient le
 * cuivre exposé — mais froid, et surtout terne à l'usage.
 *
 * Terne, et c'était mesurable : la saturation s'effondrait à mesure que le vert
 * s'éclaircissait (37 % pour le vert de base, 25 % pour le médian, 19 % pour le
 * pâle), et le fond était un gris. Une palette qui se dessature en
 * s'éclaircissant se lit comme délavée, quelle que soit sa teinte — et ce sont
 * précisément les tons clairs qui portent les dessins, les filets, les légendes
 * et les bordures, c'est-à-dire l'essentiel de ce qu'on voit.
 *
 * D'où la règle de construction, qui vaut plus que les valeurs elles-mêmes :
 * LE CHROMA SE TIENT QUAND LA CLARTÉ MONTE. Le vert pâle est aussi saturé que
 * le vert foncé. C'est ce qui enlève le voile gris.
 *
 * La teinte est à 135°, un vert de feuille : plus jaune que bleu, sans basculer
 * dans le vert de pré. En dessous de 110° on retombe dans la jardinerie —
 * essayé, écarté. Le cuivre, lui, n'a pas bougé de teinte : c'est lui qui tient
 * l'identité, et il reste réservé (produit phare, prix, surtitres). Un accent
 * qu'on voit partout n'accentue plus rien.
 *
 * Les quinze couples texte/fond ont été vérifiés au rapport 4.5:1, y compris
 * --c-verdigris-mid sur --c-wash, qui sert d'étiquette au calendrier et qui
 * échouait discrètement dans les deux palettes précédentes. *
 * RÉVISION DU 2026-11-01 — PLUS DE LUMIÈRE, MÊME TEINTE. Le site se lisait
 * sombre : vert de base à 0,45 de clarté OKLCH, pied de page et encart
 * tessinois à 0,32, presque noirs, et le bas de l'accueil empilait trois
 * aplats foncés. Les fonds chauds ayant été écartés par le client, la teinte
 * ne bouge pas (145–150° OKLCH, cuivre à 46–50°) : seules la clarté et la
 * saturation montent. Vert de base 0,48 / C 0,14 au lieu de 0,45 / 0,11 ;
 * aplats foncés 0,40 au lieu de 0,32 — un vert franc sous le texte blanc
 * (8,8:1) et non plus un quasi-noir ; lavis et étiquettes deux fois plus
 * chromatiques, pour un fond de feuille au soleil et non de papier gris.
 * Couples revérifiés : vert/fond 5,87, vert-médian/lavis 4,99, blanc/cuivre
 * 4,51 (il était à 4,40), blanc/cuivre foncé 6,09.
 */

:root {
	/* Couleurs de marque */
	--c-verdigris:      #157123;
	--c-verdigris-dark: #115629;
	--c-verdigris-mid:  #1e7729;
	--c-verdigris-pale: #78d87d;
	--c-copper:         #be5a0a;
	--c-copper-dark:    #a24711;
	/* Le pendant cuivré de --c-verdigris-pale, et son seul emploi : la plante du
	   bandeau au survol, dont les trois remplissages basculent ensemble. Non
	   textuel, comme le vert clair qu'il remplace — même rapport au fond. */
	--c-copper-pale:    #ebab79;
	--c-copper-wash:    #fee6d5;

	/* Surfaces */
	--c-bg:           #f4fcf3;
	--c-surface:      #ffffff;
	--c-wash:         #e4f6e3;
	--c-wash-warm:    #eaf8ea;
	/* Le fond des pastilles d'élément. Le lavis général (--c-wash) n'était qu'à
	   1,10:1 du fond de page : posée en tête de carte, la pastille se confondait
	   avec la page autour de la carte et seul le corps blanc dessinait la
	   limite. Ces deux teintes en sont plus loin (1,24:1 et 1,28:1), assez pour
	   que l'étiquette se détache, sans descendre sous 4,5:1 pour l'encre qu'elle
	   porte (4,75:1 en vert, 4,53:1 en cuivre). */
	--c-etiquette:        #c2edc7;
	--c-etiquette-cuivre: #fdd7bc;

	/* Texte */
	--c-text:         #122a18;
	--c-text-muted:   #3f6547;
	--c-text-invert:  #ffffff;

	/* Traits */
	--c-line:         #d2e4d2;
	--c-line-soft:    #e3efe2;

	/* États */
	--c-focus:        #1d4ed8;

	/* --- Typographie ----------------------------------------------------- *
	 * Une grotesque pour ce qui nomme et commande (titres, navigation,
	 * boutons, prix), une romaine pour ce qui se lit en continu. L'inverse du
	 * couple habituel titre-romaine / texte-linéale, et c'est délibéré : les
	 * noms de produits gagnent à être francs, les explications à être douces.
	 * Les chiffres sont toujours tabulaires — un tableau de prix dont les
	 * colonnes ne s'alignent pas est un tableau qu'on ne lit pas.
	 */
	--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui,
	                "Segoe UI", Roboto, sans-serif;
	--font-text:    "Newsreader", ui-serif, Georgia, "Times New Roman", serif;

	/* Échelle fluide. Le texte courant est à 17 px : Newsreader a un œil
	   généreux, mais une romaine à 16 px fatigue sur un écran de tracteur. */
	--fs-xs:   0.75rem;
	--fs-sm:   0.875rem;
	--fs-base: 1.0625rem;
	--fs-md:   clamp(1.15rem, 0.4vw + 1.05rem, 1.3rem);
	--fs-lg:   clamp(1.3rem,  0.8vw + 1.1rem,  1.6rem);
	--fs-xl:   clamp(1.6rem,  1.4vw + 1.25rem, 2.1rem);
	--fs-2xl:  clamp(2rem,    2.4vw + 1.4rem,  2.9rem);
	--fs-3xl:  clamp(2.4rem,  4.2vw + 1.3rem,  4.1rem);

	--lh-tight: 1.08;
	--lh-snug:  1.28;
	--lh-base:  1.62;

	/* Espacement */
	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.5rem;
	--sp-6: 2rem;
	--sp-7: 3rem;
	--sp-8: 4.5rem;
	--sp-9: 6.5rem;

	/* Formes : des angles à peine adoucis. Le carré parfait aurait donné un
	   ton de rapport d'analyse, le coin très arrondi un ton d'application. */
	--radius:    4px;
	--radius-lg: 10px;

	--shadow-sm: 0 1px 2px rgb(22 36 30 / 6%);
	--shadow:    0 2px 10px rgb(22 36 30 / 8%);
	--shadow-lg: 0 10px 34px rgb(22 36 30 / 12%);

	/* Gabarit */
	--wrap:        1200px;
	--wrap-narrow: 720px;
}