/* =============================================================================
   Home Edelweiss — jetons de design
   Source unique de vérité pour les couleurs, la typographie, les espacements.
   Aucune valeur chromatique ou typographique ne doit être écrite ailleurs.

   Chargé par _main.php selon $config->siteIdent. Les noms de variables sont
   le contrat que site.css attend : ils doivent rester identiques d'un espace
   à l'autre, seules leurs valeurs changent.
   ============================================================================= */

:root {
  /* --- Couleurs de base ------------------------------------------------- */
  --c-ink:            #161A1B;  /* texte, fonds sombres */
  --c-ink-soft:       #2A302F;
  --c-text:           #3D4442;
  --c-text-muted:     #5C6462;
  --c-text-light:     #6B7270;
  --c-text-faint:     #8A908E;
  --c-porcelain:      #EFEFEC;  /* fond de section alterné */
  --c-white:          #FFFFFF;
  --c-rule:           #DDDED8;  /* filets et séparateurs */
  --c-rule-strong:    #C9CCC8;  /* bordures de champs */
  --c-rule-header:    #E2E2DC;

  /* Sur fond ink */
  --c-on-ink:         #EFEFEC;
  --c-on-ink-muted:   #B7BCB9;
  --c-on-ink-faint:   #7E8582;
  --c-on-ink-rule:    #2C3231;
  --c-on-ink-border:  #4A5150;
  --c-on-ink-accent:  #93A79C;  /* sur-titre du carrousel */
  --c-on-ink-lede:    #C7CCC9;  /* chapô du carrousel */
  --c-on-ink-highlight: #7E9A86;  /* survols sur fond sombre */

  /* --- Accents ---------------------------------------------------------- */
  --c-accent:         #4F7264;  /* céladon : accent de la maison */
  --c-accent-dark:    #3F5C51;
  --c-accent-pale:    #F4F7F5;
  --c-accent-on:      #DCE4E0;  /* texte secondaire sur bandeau céladon */

  --c-zo:             #7E9A86;  /* Zo home */
  --c-zo-pale:        #E7EDE8;
  --c-lamarliere:     #A4805F;  /* Lamarlière Maison */
  --c-lamarliere-pale:#F0E9E2;

  --c-error:          #A5342A;
  --c-error-bg:       #FBF1F0;
  --c-error-text:     #7A2A22;

  /* --- Typographie ------------------------------------------------------ */
  --f-display: Marcellus, 'Times New Roman', serif;   /* titres, chiffres, citations */
  --f-text:    'Work Sans', system-ui, sans-serif;    /* courant, interface */

  /* Échelle fluide : la borne basse vaut pour 360px, la haute pour 1440px */
  --t-h1:        clamp(34px, 4.6vw, 64px);
  --t-h2:        clamp(28px, 3.2vw, 44px);
  --t-h2-small:  clamp(26px, 2.8vw, 36px);
  --t-h3:        clamp(22px, 2.2vw, 30px);
  --t-h4:        clamp(20px, 1.8vw, 24px);
  --t-hero:      clamp(30px, 3.4vw, 50px);
  --t-quote:     clamp(23px, 2.4vw, 32px);
  --t-statement: clamp(24px, 2.6vw, 38px);
  --t-fact:      clamp(30px, 3vw, 42px);
  --t-lede:      clamp(17px, 1.5vw, 20px);
  --t-body:      17px;
  --t-body-s:    16px;
  --t-meta:      15px;
  --t-small:     14px;
  --t-label:     13px;
  --t-overline:  11px;
  --t-micro:     10px;

  --lh-tight: 1.1;
  --lh-title: 1.2;
  --lh-body:  1.7;
  --lh-prose: 1.8;

  --ls-overline: 0.2em;
  --ls-label:    0.16em;
  --ls-button:   0.1em;

  /* --- Rythme ------------------------------------------------------------ */
  --gutter:      clamp(20px, 4vw, 40px);   /* marge latérale de page */
  --w-page:      1440px;                    /* largeur maximale de contenu */
  --w-prose:     90ch;                      /* colonne de lecture */

  --s-1: 8px;
  --s-2: 12px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 32px;
  --s-6: 40px;
  --s-section:       clamp(56px, 7vw, 96px);   /* padding vertical de section */
  --s-section-lg:    clamp(72px, 9vw, 120px);  /* section respirante */
  --s-heading:       clamp(36px, 5vw, 56px);   /* titre de section → contenu */
  --gap-grid:        clamp(32px, 3.4vw, 48px);
  --gap-tiles:       clamp(20px, 2.4vw, 36px) clamp(16px, 2vw, 28px);

  /* Largeur minimale d'une cellule : pilote le nombre de colonnes */
  --tile-min:      210px;   /* vignettes de types de produits (Zo home) */
  --tile-min-wide: 280px;   /* vignettes plus généreuses (Lamarlière Maison) */
  --card-min:      300px;   /* cartes d'actualité */

  /* --- Mouvement -------------------------------------------------------- */
  --ease:      cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-slide: cubic-bezier(0.4, 0, 0.2, 1);
  --d-fast:    160ms;
  --d-base:    620ms;
  --d-slide:   760ms;

  --shadow-pop: 0 18px 40px rgba(22, 26, 27, 0.14);
}

/* Contexte de marque. Les classes sont propres à cet espace : site.css ne les
   connaît pas, il ne lit que --c-brand. Le champ « Classe de thème » de chaque
   page marque doit nommer l'une d'elles. */
.theme-zo          { --c-brand: var(--c-zo);          --c-brand-pale: var(--c-zo-pale); }
.theme-lamarliere  { --c-brand: var(--c-lamarliere);  --c-brand-pale: var(--c-lamarliere-pale); }