/* Design vector PLB-4 — Net architectural (Architecture Cuivre adapté aide à domicile) */
:root{
  /* Couleurs */
  --bg:        #F1F0EC;
  --bg-alt:    #E7E5DE;
  --surface:   #FFFFFF;
  --text:      #2C2C2C;
  --text-2:    #4F4F4F;
  --text-mute: #7A7A7A;
  --border:    #D8D5CD;
  --accent:    #37536B;
  --accent-2:  #5C7A92;
  --accent-soft: rgba(55, 83, 107, .10);
  --primary:   #37536B;
  --wa-green:  #25D366;
  --wa-green-dark: #1DA851;

  /* Polices */
  --ff-display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ff-body:    "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ff-ui:      "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

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

  /* Header */
  --header-h: 72px;
  --header-h-mobile: 60px;

  /* Z-index — header > menu (cf piège prod) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-fab:    900;
  --z-modal:  1200;

  /* Container */
  --container: 1200px;

  /* Espacements fluides */
  --space-section: clamp(48px, 6vw, 96px);
  --space-section-tight: clamp(32px, 4vw, 56px);

  /* Transitions */
  --t-fast: .18s ease;
  --t-med:  .35s ease;
}