/* =====================================================================
   Riad Soulmate — jetons de design (refonte du 01/11/2026)

   Source : la charte graphique officielle (docs/assets/charte-graphique.jpg).
   Registre : celui de la référence donnée par la propriétaire,
   coucouretreats.com — fond clair et chaud, grands titres fins aux
   lettres serrées, petites capitales espacées pour la navigation,
   bandeaux pleine largeur d'une couleur profonde.

   La couleur profonde, ici, c'est le brun foncé de la charte : c'est lui
   qui donne au site son identité propre, là où la référence a son brun.

   ⚠️ Deux hex de la charte étaient erronés (deux pastilles étiquetées
   #0F1313). Le sable et le brun foncé sont recalculés depuis les RVB
   annoncées, cohérentes avec le rendu. Voir docs/01-direction-artistique.md.
   ===================================================================== */

:root {
  /* --- Palette de la charte ----------------------------------------- */
  --c-bordeaux:   #530B29;
  --c-brique:     #79301F;
  --c-creme:      #F2E7DA;
  --c-ocre:       #E5C07D;
  --c-sable:      #E2CB96;
  --c-brun-fonce: #471C0F;

  /* La couleur profonde du site. Le 03/11/2026, la propriétaire a choisi
     le brun foncé de sa charte à la place du bordeaux. */
  --profond: var(--c-brun-fonce);

  /* Crème éclairci : fond principal. Le crème pur sur toute une page
     tire vers le jaune ; on le garde pour les aplats et les cartes. */
  --c-creme-clair: #F8F1E9;

  /* --- Rôles -------------------------------------------------------- */
  --fond:          var(--c-creme-clair);
  --fond-alt:      var(--c-creme);
  --fond-sombre:   var(--profond);

  --texte:         var(--c-brun-fonce);   /* 13,0:1 sur --fond */
  --texte-doux:    #6E4A3C;               /*  6,9:1 sur --fond */
  --titre:         var(--profond);        /* 13,0:1 sur --fond */
  --accent:        var(--c-brique);       /*  8,3:1 sur --fond */

  --texte-inverse: var(--c-creme);        /* 12,0:1 sur brun foncé */
  --accent-inverse: var(--c-ocre);        /*  8,4:1 sur brun foncé */

  --filet:         rgba(71, 28, 15, 0.22);
  --filet-inverse: rgba(242, 231, 218, 0.28);

  /* ⚠️ INTERDITS, vérifiés au calcul :
     — brique sur brun foncé : contraste insuffisant
     — bordeaux sur brun foncé : 1,00:1 (luminances identiques) */

  /* --- Typographie -------------------------------------------------- */
  /* Poppins (charte, licence OFL) en titrage — en graisse FINE, serrée :
     c'est ce qui manquait au premier site, où elle était lourde.
     Source Sans 3 remplace Adobe Clean, dont la licence ne couvre pas
     l'usage web par un tiers. */
  --police-titre: "Poppins", system-ui, sans-serif;
  /* Texte courant : voir les trois accords en fin de style.css (data-typo). */
  --police-texte: "Lora", Georgia, serif;

  --t-geant:  clamp(2.75rem, 6.5vw, 5.5rem);
  --t-h1:     clamp(2.25rem, 4.6vw, 4rem);
  --t-h2:     clamp(1.875rem, 3.4vw, 2.75rem);
  --t-h3:     clamp(1.25rem, 1.8vw, 1.625rem);
  --t-chapo:  clamp(1.125rem, 1.6vw, 1.5rem);
  --t-corps:  1.0625rem;
  --t-petit:  0.9375rem;
  --t-label:  0.75rem;

  --serrage-titre: -0.045em;
  --espacement-label: 0.18em;

  /* --- Rythme ------------------------------------------------------- */
  --gouttiere: clamp(1rem, 3.5vw, 2.5rem);
  --section:   clamp(4.5rem, 10vw, 9rem);
  --largeur-max: 1400px;

  --duree:  320ms;
  --courbe: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --duree: 0ms; }
}