/* Tokens de la marque Artisan du Bâtiment (voir branding/charte.html). */
:root {
  /* Couleurs, nommées d'après les matériaux */
  --chaux: #F3EEE5;      /* fond : enduit à la chaux */
  --pierre: #E6DDCD;     /* surface : pierre calcaire */
  --ardoise: #1D2125;    /* texte, toiture */
  --ardoise-2: #2B3034;
  --brique: #B4462A;     /* accent : brique, action */
  --brique-fonce: #93361E;
  --laine: #E2A93B;      /* isolant, signal secondaire */
  --gris: #5E5850;       /* texte secondaire */

  --color-bg: var(--chaux);
  --color-surface: var(--pierre);
  --color-text: var(--ardoise);
  --color-text-muted: var(--gris);
  --color-accent: var(--brique);
  --color-line: rgba(29, 33, 37, 0.18);
  --color-on-accent: #FFF8EF;

  /* Typographies */
  --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;

  /* Échelle typographique fluide (mobile → desktop) */
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3: clamp(2rem, 1.5rem + 2.4vw, 3.4rem);
  --step-4: clamp(2.6rem, 1.7rem + 4.4vw, 5.2rem);
  --step-5: clamp(3.3rem, 1.8rem + 7.4vw, 8.6rem);

  /* Espacements */
  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  --space-xl: clamp(3.5rem, 2.5rem + 5vw, 7rem);
  --space-2xl: clamp(5rem, 3rem + 10vw, 11rem);

  /* Mise en page */
  --container: 80rem;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --radius: 0;
  --header-h: 4.25rem;

  /* Mouvement */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 800ms;
}