/* ============================================================
   TOKENS — Martin & Fils (démo Pro) · FIGÉS le 01/08/2026 (P3)
   Le contrat physique de la DA : toute page de cette démo
   IMPORTE ce fichier. Une page qui ne l'importe pas est non
   conforme par construction (leçon audit : 5 identités en 3
   jours faute de source unique). Changement de DA = changement
   ICI + une ligne de journal en bas. Chaque choix cite sa
   référence de bibliothèque (design-library/plombier-chauffagiste.html).
   ============================================================ */

:root {
  /* --- Palette ---------------------------------------------
     bleu nuit  ← le code couleur du métier (Art Plomberie, Len,
                  VM Nantes : tout le pack est bleu) mais en
                  version PÉTROLE PROFOND — pas le bleu roi
                  générique : « la DA du secteur, en mieux ».
     cuivre     ← LA SIGNATURE. La matière du plombier (raccords
                  laiton/cuivre de la photo hero). Personne dans
                  le pack de Mantes ne l'utilise. Chaleur
                  artisan + héritage (leçon Goettl).
     papier     ← neutres CHAUDS exigés par §5.3 ; arbitrage
                  00-audit « chaud ≠ crème » : le papier est un
                  fond de section, jamais une ambiance SaaS —
                  la nuit et le cuivre ancrent.
     rouge      ← réservé à LA PORTE URGENCE (convention du
                  métier : CTA rouge « Appeler » chez Art
                  Plomberie). Jamais décoratif.               */
  --nuit:        #12303F;
  --nuit-2:      #0C222E;   /* variante profonde (footer, hero) */
  --encre:       #16232B;   /* texte sur fond clair — 13:1 sur papier */
  --papier:      #F5F1EA;   /* fond chaud de section */
  --blanc:       #FFFFFF;
  --cuivre:      #A85F33;   /* filets, décor sur fond clair — DÉCORATIF (3,8:1) : jamais du texte courant */
  --cuivre-vif:  #C97E47;   /* chiffres & accents sur fond nuit (4,6:1 en grand corps) */
  --rouge:       #B3362B;   /* porte urgence uniquement — blanc dessus : 6,1:1 */
  --ligne:       #D9D2C6;   /* filets sur clair */
  --ligne-nuit:  #29465A;   /* filets sur nuit */

  /* --- Typographie -----------------------------------------
     Bitter (slab serif, self-hostée, 3 graisses = 54 Ko)
       ← la leçon Goettl : le slab raconte l'héritage et tranche
         net avec le sans-serif SaaS de tous les générateurs.
     Texte courant : system-ui — vitesse, lisibilité mobile,
     zéro dépendance. Corps ≥ 19 px (00-audit, lecture plein
     soleil 35-55 ans). PAS d'Inter/Poppins/Jakarta (marqueurs
     défaut IA, gate C18).                                    */
  --f-titre: "Bitter", Georgia, serif;
  --f-texte: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-body: 19px;
  --fs-h1: clamp(34px, 5vw, 54px);
  --fs-h2: clamp(26px, 3.2vw, 34px);
  --fs-chiffre: clamp(28px, 3.4vw, 40px);
  --lh-body: 1.6;
  --lh-titre: 1.08;

  /* --- Géométrie -------------------------------------------
     Coins DROITS partout, zéro ombre portée : la plaque, pas
     la carte SaaS (anti-marqueurs : pills 999px, ombres douces,
     radius 12-24 uniformes = gate C18). Le décor = FILETS
     cuivre et aplats. L'estampille (double filet) est LE
     composant signature.                                      */
  --radius: 8px;      /* v1.2 (01/08 soir, leçon Goettl via Saadou) : les bords fluides ne sont
                         pas interdits — on les DOSE. Interactif arrondi 8, cartes 6, images 4 ;
                         blason, filets et estampilles restent nets. Jamais de pilule 999. */
  --radius-carte: 6px;
  --radius-img: 4px;
  --filet: 2px solid var(--cuivre);
  --filet-fin: 1px solid var(--ligne);
  --estampille: 3px double var(--cuivre);

  /* --- Rythme ----------------------------------------------
     Dense et direct (§5.3 : « moins de blanc décoratif »).
     Resserré le 01/08 au soir — verdict Saadou : « des blancs,
     la section 1 fait vide ». Art Plomberie ne laisse pas
     respirer : nous non plus.                                */
  --pad-section: clamp(38px, 5vw, 62px);
  --pad-bloc: 20px;
  --w-max: 1120px;

  /* --- Interaction -----------------------------------------
     Cibles ≥ 48px (00-audit). 1 point d'animation par section
     max ; classe d'animation JAMAIS dans le markup (gate A8). */
  --cible-min: 48px;
}

/* @font-face — self-hosted (gate B11 : jamais fonts.googleapis) */
@font-face { font-family:"Bitter"; src:url("assets/fonts/bitter-400.woff2") format("woff2"); font-weight:400; font-display:swap; }
@font-face { font-family:"Bitter"; src:url("assets/fonts/bitter-700.woff2") format("woff2"); font-weight:700; font-display:swap; }
@font-face { font-family:"Bitter"; src:url("assets/fonts/bitter-900.woff2") format("woff2"); font-weight:900; font-display:swap; }

/* ============================================================
   JOURNAL DES DÉCISIONS (obligatoire — une ligne par changement)
   2026-08-01  v1 — création (P3). Bleu pétrole + cuivre + papier
               chaud + rouge-urgence · Bitter/system · coins
               droits, filets, estampille. Références citées in
               situ. Validé par Saadou le : 01/08/2026 (amendement : « depuis 1981 »
               au lieu de 2009 — un héritage se compte en générations)
   2026-08-01  v1.1 — match perdu (verdict Saadou) : densité resserrée
               (--pad-section 48-84 → 38-62), sceau M&F ajouté (poinçon
               SVG, le logo texte seul était fade vs Art Plomberie).
   2026-08-01  v1.2 — 2e passe Saadou. PRINCIPE DIRECTEUR GRAVÉ :
               « on peut faire du traditionnel en étant moderne ».
               Rayons dosés (8/6/4, jamais pilule), CTA sculptés à ombre
               dure, hero texturé grain+lumières, blason ovale (arcs),
               barre d'avis à la Goettl, logos clients générés (FLUX)
               recadrés au médaillon, liens cuivre (jamais bleu défaut).
   ============================================================ */