/* ==========================================================================
   1 — VARIABLES DE LA CHARTE
   Toute couleur, police ou mesure se définit ICI et nulle part ailleurs.
   ========================================================================== */

:root{

  /* --- Couleurs principales --- */
  --lmd-creme:        #F6F1E7;   /* fond dominant du site */
  --lmd-creme-clair:  #FBF9F5;   /* cartes, zones denses */
  --lmd-bleu:         #0F2738;   /* en-tête, pied de page, titres, boutons */
  --lmd-bleu-fonce:   #08202F;   /* survol des boutons */

  /* --- Gris dérivés du bleu (teinte 205°, saturation 22 %) --- */
  --lmd-bleu-600:     #485F70;   /* texte secondaire — contraste 5,93 ✓ */
  --lmd-bleu-400:     #546F83;   /* texte tertiaire — contraste 4,69 ✓ */
  --lmd-bleu-200:     #B1C2CD;   /* désactivé — JAMAIS de texte lisible */

  /* --- Doré : trois valeurs, jamais interchangeables --- */
  --lmd-dore:         #B08D4F;   /* SURFACES : filets, bordures, pastilles */
  --lmd-dore-texte:   #7F6639;   /* texte doré sur crème — 4,83 ✓ */
  --lmd-dore-clair:   #B5945A;   /* texte doré sur bleu  — 5,37 ✓ */

  /* --- Filets --- */
  --lmd-filet:        rgba(15,39,56,.14);
  --lmd-filet-fort:   rgba(15,39,56,.28);
  --lmd-filet-clair:  rgba(246,241,231,.22);  /* sur fond bleu */

  /* --- États --- */
  --lmd-erreur:       #A33B32;
  --lmd-succes:       #3E6B4F;
  --lmd-attention:    #9A6B23;
  --lmd-info:         #3A5A78;

  /* --- Couleurs de marque : identification produit UNIQUEMENT.
         Jamais dans l'interface, jamais dans un bouton, jamais un fond. --- */
  --lmd-marque-lmd:   #B1BFB8;   /* Les Mots Doux */
  --lmd-marque-lsf:   #D65141;   /* Le Sou Français */
  --lmd-marque-ole:   #E3E935;   /* Olé-Olé */

  /* --- Typographie --- */
  --lmd-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --lmd-texte:   "Jost", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* --- Rythme --- */
  --lmd-marge:   clamp(20px, 5vw, 80px);
  --lmd-bloc:    clamp(64px, 9vw, 128px);
  --lmd-rayon:   2px;            /* presque droit, jamais très arrondi */
  --lmd-tactile: 44px;           /* cible tactile minimale */
  --lmd-conteneur: 1320px;       /* largeur du conteneur, gouttière comprise */
}