/* *À jour au 28/09/2026* · Baskan78 · tokens.css FIGÉ (phase 06 du skill site-web)

   LES TROIS MOLETTES (doctrine/ui/08 §4.3, table par métier : gros œuvre = 5 / 6 / 6)
   VARIANCE 7  · relevée de 5 : la référence à battre (masconstruction) ne répète aucune grille,
                 et Saadou demande d'« oser comme masconstruction » (28/09).
   MOTION   8  · relevé de 6 : critère 6 de Saadou, « ne pas ennuyer, surtout vers la fin de la page ».
                 Une ostentatoire au moins toutes les 2 sections, jamais plus de 2 par section.
   DENSITÉ  6  · inchangée : page de conversion, la zone, le téléphone et le devis restent visibles.

   Chaque valeur cite sa source (branding.md validé le 28/09, ou le code d'une référence lue). */
:root{
  /* ① identité · branding.md (validé par Saadou le 28/09/2026) */
  --pierre:#EFEBE4;          /* fond, 2 sections sur 3 : la pierre calcaire du Vexin */
  --pierre-2:#E4DED4;        /* la pierre à l'ombre : 2e fond clair, jamais le blanc pur */
  --brun:#1D1813;            /* texte + fond sombre (1 section sur 3 au plus) · Désourdy #141415 */
  --brun-2:#2A231C;          /* le sombre, relevé d'un cran pour les lignes sur fond brun */
  --rouge:#8E332A;           /* marque : logo, boutons, numéros, étoiles ; jamais en fond de section */
  --rouge-clair:#B47872;     /* le rouge posé sur le brun (4,9:1) */
  --lavis:#EBDAD9;           /* fond d'une citation, survol d'une ligne */
  --encre-2:#5A5048;         /* texte secondaire sur pierre : 7,3:1 */
  --ligne:rgba(29,24,19,.18);
  --ligne-inv:rgba(239,235,228,.22);

  --f-titre:"Young Serif",Georgia,serif;          /* OFL, auto-hébergée · branding accord n°1 */
  --f-texte:"Instrument Sans",system-ui,sans-serif;/* OFL, auto-hébergée */

  /* ② échelle · loi d'échelle ≥ 10:1 (gate C50) : 132 / 11 = 12 */
  --fs-titre:clamp(46px,8.2vw,132px);   /* titre de section en variante D, posé sur photo */
  --fs-h2:clamp(34px,5vw,76px);         /* ouvertures A, B, C · masconstruction headline-1 3,5em */
  --fs-h1:clamp(32px,4vw,58px);
  --fs-citation:clamp(24px,2.8vw,40px);
  --fs-ligne:clamp(26px,3.2vw,46px);    /* lignes de la liste sur photo */
  --fs-corps:19px;                      /* plancher corps ≥ 19 px (verifs P3) */
  --fs-petit:15px;
  --fs-label:13px;   /* 29/09 : 11 → 13 px, audit du retraité (sur-titres illisibles) */
  --lh-titre:.98; --ls-titre:-.02em;

  /* casse de grille · les décalages (doctrine 08 §2) */
  --decal-1:4vw; --decal-2:8vw; --decal-3:12vw; --decal-4:18%;

  /* espacement · multiples de 4 */
  --e-1:4px;--e-2:8px;--e-3:12px;--e-4:16px;--e-5:20px;--e-6:24px;--e-7:32px;--e-8:40px;--e-9:56px;--e-10:80px;--e-11:120px;--e-12:160px;
  --w:min(85vw,1240px);                 /* masconstruction .centrage : 85 %, 1 200 px */
  --rayon:0;                            /* aucun arrondi : la pierre taillée ; seul le rond de la porte est un cercle */
  --ombre-1:0 18px 40px -18px rgba(29,24,19,.45); /* une seule ombre, teintée brun, pour le cadre qui flotte */

  /* courbes · masconstruction « courbe maison » + kozowood */
  --ease-maison:cubic-bezier(.165,.84,.44,1);   /* easeOutQuart, masconstruction partout */
  --ease-scroll:cubic-bezier(.77,0,.175,1);     /* le trait de l'indicateur de défilement */
  --ease-tampon:cubic-bezier(.2,1.6,.4,1);      /* le tampon qui s'imprime : léger rebond */
  --d-court:280ms; --d-moyen:700ms; --d-long:1500ms;
}