/* ==========================================================================
   Orléa Bâtiment — variables globales
   SOURCE UNIQUE des couleurs, typos et espacements (doctrine/06-charte.md).
   Toute évolution de charte se fait ICI, jamais en dur dans les autres CSS.
   ========================================================================== */

:root {
  /* --- Couleurs charte --- */
  --navy:    #0C1D3A; /* Bleu Nuit Orléa — hero, header, footer */
  --navy-2:  #16315A; /* Bleu Profond — dégradés */
  --or:      #C9962F; /* Or Orléa — accents + pôle Ossature bois clé en main */
  --bois:    #B86B2A; /* Pôle Bois & extérieur */
  --ardoise: #3F6173; /* Pôle Second œuvre */
  --creme:   #FBF8F2; /* Fond alterné des sections */
  --blanc:   #FFFFFF; /* Fond principal, cartes */
  --encre:   #1F262A; /* Texte principal */
  --gris:    #3A454B; /* Texte secondaire */

  /* --- Déclinaisons utilitaires (dérivées, jamais de nouvelle teinte) --- */
  --or-fonce:      #A87C24;                  /* hover boutons or */
  --or-voile:      rgba(201, 150, 47, .10);  /* fonds très légers */
  --trame-or:      rgba(201, 150, 47, .07);  /* trame architecte, grands carreaux */
  --trame-blanche: rgba(255, 255, 255, .035);/* trame architecte, petits carreaux */
  --blanc-80:      rgba(255, 255, 255, .82); /* texte sur navy */
  --blanc-50:      rgba(255, 255, 255, .5);

  /* --- Typographie (charte : Cormorant Garamond + Lato) --- */
  --font-titres: "Cormorant Garamond", Garamond, Cambria, serif;
  --font-texte:  "Lato", Calibri, "Segoe UI", sans-serif;

  /* --- Layout --- */
  --container:   1140px;
  --pad-section: clamp(4rem, 9vw, 7.5rem);
  --header-h:    72px;
  --radius:      3px;
  --ombre:       0 10px 30px rgba(12, 29, 58, .07);
  --transition:  .25s ease;
}