/* MEN-4 Architecture Cuivre - Ardoise & laiton */
:root{
  /* Couleurs (peau imposee) */
  --bg:        #ECEBE6;
  --bg-alt:    #E2E1DC;
  --surface:   #F4F3EE;
  --text:      #2B2E30;
  --text-2:    #4A4D4F;
  --text-mute: #7B7E80;
  --border:    rgba(43,46,48,.14);
  --accent:    #B89150;
  --accent-2:  #C9A56A;
  --accent-soft: rgba(184,145,80,.16);
  --primary:   #1F2224;
  --wa-green:  #25D366;

  /* Typographie */
  --ff-display: 'Source Serif 4','Source Serif Pro',Georgia,serif;
  --ff-body:    'Montserrat','Helvetica Neue',Arial,sans-serif;
  --ff-ui:      'Montserrat','Helvetica Neue',Arial,sans-serif;

  /* Echelle */
  --fs-h1: clamp(2.6rem, 1.2rem + 6vw, 5.4rem);
  --fs-h2: clamp(1.7rem, 1rem + 2.4vw, 2.6rem);
  --fs-h3: clamp(1.2rem, .95rem + 1vw, 1.55rem);
  --fs-body: 1rem;
  --fs-small: .82rem;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 22px;

  /* Espaces */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.25rem;
  --space-5: 3.5rem;
  --space-6: 5rem;

  /* Layout */
  --container: 1180px;
  --header-h: 76px;
  --header-h-mobile: 60px;

  /* Z-index : header > menu (pour bug refermable) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1200;
  --z-fab:    1050;

  /* Transitions */
  --t-fast: 180ms cubic-bezier(.2,.7,.2,1);
  --t-mid:  320ms cubic-bezier(.2,.7,.2,1);
}