/* ==========================================================================
   CHARTE YOLIK CRÉATIONS — POINT D'ENTRÉE UNIQUE
   Valeurs issues du document « Yolik Créations — Direction visuelle ».
   Tout le site lit ses couleurs et ses typographies ici.
   ========================================================================== */

:root {

  /* --- Quatre couleurs, quatre rôles ------------------------------------
     Ce n'est pas une palette verte : c'est un univers kraft, chaud et
     premium. Le vert n'est qu'un signal, jamais un aplat dominant.        */

  --c-creme:       #F5EFE0;   /* Beige Crème — fond, ±70 % des surfaces      */
  --c-brun:        #1E0E06;   /* Brun Nuit — texte, structure, tracé         */
  --c-or:          #C49A3C;   /* Or Bois — accent rare : CTA, formats signature */
  --c-sauge:       #7A9174;   /* Vert Sauge — signal RSE, jamais dominant    */

  /* Matière : les intermédiaires kraft */
  --c-kraft:       #D8C6A0;
  --c-kraft-fonce: #B79A6A;
  --c-creme-ombre: #EAE1CC;

  /* Dérivés */
  --c-texte:       var(--c-brun);
  --c-texte-doux:  #4A3826;
  --c-texte-clair: #7A6B57;
  --c-or-fonce:    #A87F28;
  --c-trait:       var(--c-creme-ombre);
  --c-trait-fort:  var(--c-kraft-fonce);

  /* --- Deux voix, deux fonctions ----------------------------------------
     Playfair pour émouvoir, Jost pour informer. Jamais deux Playfair côte
     à côte. Jost porte 90 % du texte réel. Pas de troisième famille : les
     surtitres sont du Jost 500 très espacé.
     Les .woff2 vont dans assets/fonts/ — pas de Google Fonts (RGPD).      */

  --f-titre:    "Playfair Display", Georgia, "Times New Roman", serif;
  --f-texte:    "Jost", -apple-system, system-ui, "Segoe UI", sans-serif;
  --f-surtitre: var(--f-texte);

  /* --- Échelle typographique --------------------------------------------- */
  --t-xxl: clamp(2.6rem, 1.5rem + 5vw, 4.4rem);
  --t-xl:  clamp(1.7rem, 1.2rem + 2.2vw, 2.5rem);
  --t-l:   clamp(1.22rem, 1.08rem + 0.7vw, 1.5rem);
  --t-m:   1.02rem;
  --t-s:   0.94rem;
  --t-xs:  0.72rem;

  --p-leger:  300;
  --p-normal: 400;
  --p-medium: 500;
  --p-titre:  600;
  --p-fort:   700;

  /* --- Rythme ------------------------------------------------------------ */
  --e-1: 0.5rem;   --e-2: 1rem;    --e-3: 1.5rem;
  --e-4: 2.4rem;   --e-5: 3.6rem;  --e-6: 5rem;
  --e-section: clamp(3.2rem, 7vw, 5rem);

  --largeur:  1100px;
  --lisible:  62ch;
  --rail:     84px;

  --rayon: 3px;
  --trait: 1px;

  --transition: 240ms cubic-bezier(.22,.61,.36,1);
}

@media (max-width: 900px) { :root { --rail: 0px; } }