/* =====================================================================
   NOS MURS — RÉGLAGES VISUELS
   ---------------------------------------------------------------------
   Toutes les couleurs, polices, tailles et espacements du site sont ici.
   Changer une valeur ici la change partout sur le site.
   Le style choisi (atelier, calque, etabli, panorama ou standard) ajoute ses propres
   réglages dans assets/css/styles/<nom>.css.
   Couleurs : code hexadécimal (#RRGGBB).
   ===================================================================== */

:root {
  /* ---------- COULEURS DE LA MARQUE (reprises du logo) ---------- */
  --c-orange:        #ED5B38;   /* boutons, accents */
  --c-orange-clair:  #F47C5A;   /* orange lisible sur fond anthracite, survols */
  --c-brique:        #B2442A;   /* orange foncé (ombre des briques du logo) */
  --c-texte-sur-orange: #FFFFFF;/* texte posé sur l'orange des boutons */
  --c-action:        #CC4422;   /* fond des boutons principaux : blanc dessus = 4,75:1 */
  --c-action-survol: #B3391B;   /* survol : plus profond (5,6:1) */

  /* ---------- FOND DU SITE : sauge-gris ----------
     (version ivoire essayée : fond #FFFEF8, bandes #E3ECE6 → #F0EEDE) */
  --c-sauge:         #DCE6E6;   /* fond principal */
  --c-sauge-clair:   #EAF0F0;   /* zones plus claires */
  --c-sauge-fonce:   #CBD8D8;   /* bandes, blocs mis en avant */
  --c-sable:         #D3DEDC;   /* l'autre extrémité des dégradés (très discret) */
  --degrade:         linear-gradient(100deg, var(--c-sauge-fonce) 0%, var(--c-sable) 100%);
  --c-trait-clair:   #B9C8C8;   /* filets et bordures sur fond clair */
  --c-blanc:         #FFFFFF;
  --c-papier:        var(--c-sauge);
  --c-texte:         #151917;   /* texte principal : presque noir */
  --c-gris:          #4C534F;   /* texte secondaire sur fond clair */
  --c-lien:          #A23B21;   /* liens dans le texte */
  --c-fond-survol:   #F4DACF;   /* fond pâle qui glisse au survol des encadrés-liens */

  /* ---------- ZONES CONTRASTÉES (autrefois anthracite, désormais claires) ----------
     Les noms « nuit » sont gardés pour ne rien casser ; les valeurs sont claires. */
  --c-nuit:          #C8D5D5;   /* sauge soutenu : méthode, appel final, pied de page */
  --c-nuit-2:        #FFFFFF;   /* blanc : prestations, simulateur */
  --c-nuit-3:        #F2F6F6;   /* cartes posées sur ces zones */
  --c-trait-sombre:  rgba(30, 36, 36, 0.13);
  --c-texte-sombre:  #1E2424;
  --c-gris-sombre:   #4A5656;
  --c-cote:          #5E8F98;   /* traits techniques */

  /* ---------- ANTHRACITE (sections fortes : tarifs, méthode) ---------- */
  --c-anthracite:       #1E1C1B;   /* anthracite chaud */
  --c-anthracite-carte: #2A2826;
  --c-anthracite-trait: rgba(255, 255, 255, 0.13);
  --c-anthracite-texte: #F1F1EE;
  --c-anthracite-doux:  #B4BCBC;

  /* ---------- PASTILLES PASTEL (fonds des icônes, en alternance) ---------- */
  --p-jaune: #FFE38A;
  --p-vert:  #CDEBA3;
  --p-bleu:  #C7DDF3;
  --p-rose:  #F8CBDA;
  --p-peche: #FAD3BE;

  /* ---------- COULEURS D'ACCOMPAGNEMENT ---------- */
  --c-email:         #1F3B6F;   /* bleu des plaques émaillées */
  --c-email-filet:   #2F7A55;   /* liseré vert des plaques */
  --c-postit:        #FFD54F;   /* jaune post-it */
  --c-soleil:        #FFC321;   /* jaune d'accent (scotch, repères) */
  --c-crayon:        #3A4040;   /* trait de crayon */
  --c-succes:        #2F8F5F;
  --c-erreur:        #C62F2F;

  /* ---------- POLICES ---------- */
  --f-titre: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-texte: "Inter", "Segoe UI", system-ui, sans-serif;
  --f-tech:  "JetBrains Mono", ui-monospace, Consolas, monospace;
  --f-main:  "Kalam", "Segoe Print", cursive;              /* écriture à la main */

  /* ---------- TAILLES DE TEXTE ---------- */
  --t-texte:   16px;
  --t-petit:   14px;
  --t-mini:    12px;
  --t-h1:      clamp(2.4rem, 1.4rem + 3.4vw, 4.4rem);
  --t-h2:      clamp(1.8rem, 1.3rem + 1.7vw, 2.8rem);
  --t-h3:      clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  --t-chapo:   clamp(1.05rem, 1rem + 0.3vw, 1.2rem);

  /* ---------- RÈGLES DE LECTURE (validées le 13/10/2026) ---------- */
  --interligne:        1.5;
  --esp-paragraphe:    28px;
  --esp-avant-h2:      96px;
  --esp-sous-h2:       24px;
  --esp-avant-h3:      48px;
  --largeur-texte:     740px;

  /* ---------- MISE EN PAGE ---------- */
  --largeur-site:      1360px;
  --gouttiere:         clamp(16px, 4vw, 40px);
  --esp-section:       clamp(44px, 5vw, 80px);
  --hauteur-entete:    88px;

  /* ---------- FORMES ---------- */
  --rayon:        16px;
  --rayon-petit:  10px;
  --rayon-bouton: 999px;

  /* ---------- EN-TÊTE ---------- */
  --entete-fond:   rgba(220, 230, 230, 0.82);
  --entete-texte:  #1E2424;
  --entete-doux:   #3E4A4A;

  /* ---------- EFFETS ---------- */
  --lueur:   0 10px 30px -12px rgba(237, 91, 56, 0.7);
  --ombre:   0 1px 2px rgba(30, 36, 36, 0.06), 0 14px 34px -14px rgba(30, 36, 36, 0.28);
  --transition: 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* =====================================================================
   MODE NUIT (bouton lune / soleil de l'en-tête)
   Les mêmes noms de couleurs, avec des valeurs sombres.
   ===================================================================== */
:root[data-theme="nuit"] {
  --c-sauge:         #141A1A;
  --c-sauge-clair:   #1C2424;
  --c-sauge-fonce:   #0E1313;
  --c-sable:         #161C1A;
  --c-trait-clair:   #2F3B3B;
  --c-blanc:         #1D2525;   /* les « feuilles » et cartes deviennent sombres */
  --c-texte:         #E7EDED;
  --c-gris:          #A9B6B6;
  --c-lien:          #F58B6B;
  --c-fond-survol:   #3A2721;
  --c-nuit:          #0E1313;
  --c-nuit-2:        #1D2525;
  --c-nuit-3:        #243030;
  --c-trait-sombre:  rgba(255, 255, 255, 0.12);
  --c-texte-sombre:  #E7EDED;
  --c-gris-sombre:   #A9B6B6;
  --c-cote:          #8FC3CC;
  --c-crayon:        #C7D2D2;
  --c-anthracite:       #0A0D0D;
  --c-anthracite-carte: #161D1D;
  --entete-fond:  rgba(20, 26, 26, 0.86);
  --entete-texte: #E7EDED;
  --entete-doux:  #B7C3C3;
  --ombre: 0 1px 2px rgba(0,0,0,.3), 0 14px 34px -14px rgba(0,0,0,.6);
}