/* =============================================================================
   THÈME — couleurs, polices, tailles et espacements
   -----------------------------------------------------------------------------
   C'est le seul fichier CSS à modifier pour changer l'identité visuelle.
   Changez une valeur ici et elle s'applique à tout le site.
   Outil pratique pour choisir une couleur : https://htmlcolorcodes.com/fr/
   ========================================================================== */

:root {
  /* ---------------------------------------------------------------------------
     COULEURS
     Noms inspirés de la boutique : fumoir, sang de bœuf, suif, laiton, ardoise.
     ------------------------------------------------------------------------- */
  --fumoir:        #1d1613;   /* fond sombre principal (brun presque noir) */
  --fumoir-2:      #271e1a;   /* fond sombre secondaire */
  --sang:          #7a1d2b;   /* bordeaux : liens et accents sur fond clair */
  --sang-profond:  #561520;   /* fond de la section découpe */
  --suif:          #efe5d4;   /* fond clair principal (crème) */
  --suif-2:        #e5d7c0;   /* fond clair secondaire */
  --suif-vif:      #f8f2e8;   /* fond des champs de formulaire */
  --laiton:        #b48c50;   /* doré : boutons et accents sur fond sombre */
  --laiton-clair:  #d4b27a;   /* doré clair : survols, jour actuel */
  --encre:         #2a1f1b;   /* texte sur fond clair */
  --encre-douce:   #5e4c43;   /* texte secondaire sur fond clair */
  --ardoise:       #2d302e;   /* tableau de l'ardoise */
  --cadre:         #5b3f2a;   /* cadre en bois de l'ardoise */
  --vert-ouvert:   #8fb28a;   /* pastille « Ouvert » */
  --rouge-ferme:   #d07a7a;   /* pastille « Fermé » */

  /* ---------------------------------------------------------------------------
     POLICES (chargées depuis Google Fonts dans le <head> des pages HTML)
     ------------------------------------------------------------------------- */
  --police-titres: "Newsreader", Georgia, "Times New Roman", serif;
  --police-texte:  "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* ---------------------------------------------------------------------------
     TAILLES DE TEXTE (échelle de quarte : chaque niveau ≈ × 1,33)
     clamp(min, idéal, max) : la taille s'adapte à la largeur de l'écran.
     ------------------------------------------------------------------------- */
  --t-petit:   0.8125rem;                        /* 13 px */
  --t-discret: 0.9375rem;                        /* 15 px */
  --t-texte:   1.0625rem;                        /* 17 px, texte courant */
  --t-moyen:   1.375rem;                         /* 22 px */
  --t-grand:   clamp(1.5rem, 2.4vw, 1.875rem);   /* 24 à 30 px */
  --t-titre:   clamp(2.25rem, 4.6vw, 3.75rem);   /* titres de section */
  --t-geant:   clamp(4.25rem, 13.5vw, 12rem);    /* nom sur la page d'accueil */

  /* ---------------------------------------------------------------------------
     ESPACEMENTS ET MISE EN PAGE
     ------------------------------------------------------------------------- */
  --largeur-max:   1240px;                       /* largeur maximale du contenu */
  --marge-laterale: clamp(16px, 4vw, 40px);
  --espace-section: clamp(4.5rem, 10vw, 8.5rem); /* hauteur entre deux sections */
  --hauteur-entete: 76px;
  --rayon:          2px;                         /* arrondi des boutons et champs */
}