/* ============================================================
   Charte « Boutique des 2 EPC » — miel, pierre et brun d'atelier.
   Voir docs/adr/ADR-004-charte-graphique.md

   Ancrage : le logo dessiné par une élève (brun bronze dégradé, sac de
   courses, « Lycée Thibaut de Champagne » en petites capitales) et la palette
   du site du lycée — dont l'ocre champagne EST déjà la couleur du miel.

   Ce n'est PAS la charte SLTDC v0.5 : celle-là sert les briques pédagogiques
   maths (violet numérique). Une boutique de miel et de textile récupéré n'a
   rien à faire dans ce registre.
   ============================================================ */
:root {
	/* --- Neutres chauds --- */
	--bepc-creme:        #FCFAF5;
	--bepc-beige:        #FAF6ED;
	--bepc-beige-miel:   #F2E8D6;
	--bepc-pierre:       #EFE8DB;
	--bepc-sable:        #E5D3B5;
	--bepc-encre:        #3A2417;
	--bepc-brun:         #6B4429;

	/* --- Marque : les bruns du logo --- */
	--bepc-logo-brun:    #6E3B10;
	--bepc-caramel:      #9A6332;
	--bepc-caramel-doux: #B9813A;

	/* --- Miel : couleur d'action, et couleur du produit phare --- */
	--bepc-miel:         #D99A1D;
	--bepc-miel-clair:   #F2D9A0;
	--bepc-miel-pale:    #FBF1DC;

	/* --- Terracotta : accent, jamais en aplat plein --- */
	--bepc-terre:        #A94D32;

	/* --- Rupture / alerte --- */
	--bepc-rupture:      #A33A28;
	--bepc-rupture-pale: #FBEAE6;

	/* Le vert a été retiré de la page (2026-08-13). Il arrivait comme une
	   quatrième couleur dominante, d'une autre charte : miel, crème, brun et
	   terracotta racontent déjà la ruche et la matière. Aucun token vert n'est
	   conservé — un token qui traîne finit toujours par être réutilisé. */

	/* --- Rôles fonctionnels --- */
	--bepc-bg:           var(--bepc-creme);
	--bepc-surface:      #FFFFFF;
	--bepc-surface-soft: var(--bepc-beige-miel);
	--bepc-border:       var(--bepc-sable);
	--bepc-border-strong:#D8C29E;

	--bepc-text:         var(--bepc-encre);
	--bepc-text-2:       var(--bepc-brun);
	--bepc-muted:        #7A6455;

	/* L'action principale est miel ; les bruns du logo portent le chrome. */
	--bepc-accent:       var(--bepc-miel);
	--bepc-accent-deep:  var(--bepc-caramel);
	--bepc-accent-soft:  var(--bepc-miel-pale);

	--bepc-in-stock:      var(--bepc-caramel);
	--bepc-in-stock-soft: var(--bepc-miel-pale);
	--bepc-out-stock:     var(--bepc-rupture);
	--bepc-out-stock-soft:var(--bepc-rupture-pale);

	/* --- Typographie : Fraunces en titres (serif d'atelier, chaleur
	   artisanale), Inter en corps. Deux familles, pas trois. --- */
	--bepc-font-title: 'Fraunces', Georgia, 'Times New Roman', serif;
	--bepc-font-body:  'Inter', system-ui, -apple-system, sans-serif;
	/* Manuscrite, réservée aux annotations : légendes de photo, mots posés à la
	   main. Jamais un paragraphe entier — c'est une signature, pas une lecture. */
	--bepc-font-hand:  'Caveat', 'Segoe Script', cursive;

	/* --- Géométrie --- */
	--bepc-radius-sm:  0.4rem;
	--bepc-radius:     0.7rem;
	--bepc-radius-lg:  1.1rem;
	--bepc-radius-pill: 9999px;

	--bepc-shadow-sm:   0 1px 2px rgba(32, 22, 18, 0.05);
	--bepc-shadow-card: 0 10px 24px rgba(32, 22, 18, 0.08);
	--bepc-shadow-lg:   0 20px 45px rgba(32, 22, 18, 0.16);

	/* --- Espacement, base 4 --- */
	--bepc-s-1: 4px;   --bepc-s-2: 8px;   --bepc-s-3: 12px;
	--bepc-s-4: 16px;  --bepc-s-5: 20px;  --bepc-s-6: 24px;
	--bepc-s-8: 32px;  --bepc-s-10: 40px; --bepc-s-12: 48px;
	--bepc-s-16: 64px; --bepc-s-20: 80px;

	--bepc-d-fast: 150ms;
	--bepc-d-base: 220ms;

	/* --- Chrome ---
	 * Les hauteurs du bandeau et de la barre servent aussi au calage de la
	 * texture du header : la photo est découpée en deux tranches qui doivent se
	 * raccorder. Toucher une de ces valeurs sans l'autre casse le raccord. */
	--bepc-max-width:    1200px;
	--bepc-max-text:     68ch;
	--bepc-topbar-h:     58px;
	--bepc-topbar-h-mob: 52px;
	--bepc-header-h:     104px;
	--bepc-header-h-mob: 76px;

	/* Fond du header et du bandeau. C'est aussi le bout sombre sur lequel la
	   variante dorée du logo a été calée : le changer sans régénérer le logo
	   ferait réapparaître ses réserves en aplats. */
	--bepc-chrome-dark:  #33200F;
}