/* =====================================================================
   DA imposee : PAY-13 Emeraude sombre (Architecture Cuivre adapte paysagiste)
   Polices : Archivo (display) + Montserrat (body/ui)
   Accent : #1F5B4E emeraude sombre | bg : #EDF1ED vert tres pale | ink : #1E2E29
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
  /* Couleurs */
  --bg:            #EDF1ED;
  --bg-alt:        #E1E8E0;
  --surface:       #F4F6F2;
  --text:          #1E2E29;
  --text-2:        #3F524B;
  --text-mute:     #6B7872;
  --border:        rgba(30, 46, 41, 0.14);
  --border-strong: rgba(30, 46, 41, 0.32);
  --accent:        #1F5B4E;   /* emeraude sombre */
  --accent-2:      #2C7E6C;   /* emeraude moyen */
  --accent-soft:   rgba(31, 91, 78, 0.10);
  --accent-on-dark:#9EC7BC;   /* version claire pour fond fonce (PIEGE PROD #10) */
  --primary:       #1A2825;   /* ink encore plus profond pour sections dark */
  --wa-green:      #25D366;

  /* Polices */
  --ff-display:    'Archivo', system-ui, -apple-system, sans-serif;
  --ff-body:       'Montserrat', system-ui, -apple-system, sans-serif;
  --ff-ui:         'Montserrat', system-ui, -apple-system, sans-serif;

  /* Rayons */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;

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

  /* Z-index (PIEGES PROD #1, #8 et #14) */
  --z-fab:    900;
  --z-menu:   1000;
  --z-header: 1100;
  --z-burger: 1200;
  --z-modal:  1300;

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

  /* Transitions */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur:  .35s;
}