/* =====================================================================
   THÈME : GUMMIAS 2027 — « Apothicaire gourmand »
   ---------------------------------------------------------------------
   CE FICHIER NE CONTIENT QUE DES VALEURS (variables).
   Pour une nouvelle boutique : copier _MODELE.css, changer les valeurs,
   puis indiquer le nom du fichier dans data/boutique.json ("theme").
   Aucune autre modification n'est nécessaire.
   ===================================================================== */
/* Polices hébergées localement (RGPD : aucun appel à Google) — licence OFL dans fonts/ */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/fraunces-latin-full-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url("../fonts/fraunces-latin-full-italic.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2"); }

:root {
  color-scheme: light;

  /* --- Couleurs de base ------------------------------------------- */
  --c-fond:          #F6F1E9;  /* ivoire chaud (fond des pages)       */
  --c-fond-alt:      #EDE5D8;  /* sable (bandes alternées)             */
  --c-surface:       #FFFFFF;  /* cartes                                */
  --c-scene:         #FFFFFF;  /* fond derrière les flacons (reste clair : photos sur fond blanc) */
  --c-encre:         #16120E;  /* noir chaud (rappel des étiquettes)   */
  --c-texte:         #2A231C;  /* texte courant                        */
  --c-texte-doux:    #62574B;  /* texte secondaire (≥ 4.5:1 sur fond)  */
  --c-bloc:          #16120E;  /* blocs sombres : bandeau, pied de page, section « mode d'emploi » */
  --c-bloc-texte:    #F6F1E9;
  --c-ligne:         rgba(22, 18, 14, .12);

  /* --- Marque ------------------------------------------------------ */
  --c-or:            #B8913F;  /* décor : filets, points, étoiles      */
  --c-or-texte:      #7A5818;  /* or lisible pour du texte             */
  --c-action:        #16120E;  /* boutons principaux                   */
  --c-action-texte:  #F6F1E9;
  --c-action-survol: #3A2E20;
  --c-succes:        #2F6B3F;
  --c-alerte:        #A2372C;

  /* --- Couleurs d'objectif (une par catégorie) --------------------- */
  --obj-sleep:    #8C7BC4;   /* sommeil : lavande        */
  --obj-energy:   #E0823A;   /* énergie : mandarine      */
  --obj-immunity: #8E3552;   /* immunité : baie de sureau */
  --obj-focus:    #2E7A77;   /* focus : sarcelle          */
  --obj-slim:     #7AA24C;   /* détox : pomme verte       */
  --obj-kids:     #EDB23A;   /* enfants : soleil          */
  --obj-beauty:   #D8697F;   /* beauté : rose framboise   */

  /* --- Typographie --------------------------------------------------- */
  --f-titre:  "Fraunces", "Iowan Old Style", Georgia, serif;
  --f-texte:  "Manrope", "Segoe UI", system-ui, sans-serif;
  --f-titre-graisse: 560;
  --f-titre-style: normal;          /* italic possible pour un autre thème */
  --t-hero:   clamp(2.6rem, 6.4vw, 5.6rem);
  --t-h2:     clamp(1.9rem, 3.6vw, 3rem);
  --t-h3:     1.25rem;
  --t-base:   1.02rem;
  --interligne: 1.65;
  --casse-surtitre: uppercase;

  /* --- Formes -------------------------------------------------------- */
  --r-carte:   22px;
  --r-bouton:  999px;
  --r-puce:    999px;
  --ombre-carte: 0 1px 0 rgba(22,18,14,.04), 0 18px 40px -22px rgba(22,18,14,.28);
  --ombre-flottante: 0 30px 60px -30px rgba(22,18,14,.45);

  /* --- Mise en page -------------------------------------------------- */
  --largeur-max: 1240px;
  --gouttiere:   clamp(16px, 4vw, 40px);
  --espace-section: clamp(64px, 9vw, 128px);

  /* --- Mouvement ----------------------------------------------------- */
  --duree: .35s;
  --courbe: cubic-bezier(.2, .7, .2, 1);

  /* --- Signature visuelle -------------------------------------------- */
  --grain-opacite: .05;            /* léger grain papier (0 = aucun)      */
  --halo-opacite: .55;             /* halo coloré derrière les produits   */
}