/* variables.css — PAY-20 Émeraude sombre (Wellness) */
:root {
  /* Palette */
  --bg:          #EDF1ED;
  --bg-alt:      #E0E9E1;
  --surface:     #F3F6F3;
  --text:        #1E2E29;
  --text-2:      #3D5A50;
  --text-mute:   #6B8A7E;
  --border:      color-mix(in srgb, var(--text) 13%, transparent);
  --accent:      #1F5B4E;
  --accent-2:    #4A8B7F;
  --accent-pale: color-mix(in srgb, var(--accent) 12%, var(--bg));
  --primary:     #1F5B4E;
  --wa-green:    #25D366;

  /* Typographie */
  --ff-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --ff-body:    'Nunito Sans', system-ui, -apple-system, sans-serif;
  --ff-ui:      'Nunito Sans', system-ui, -apple-system, sans-serif;

  /* Rayons */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  18px;
  --r-xl:  28px;

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

  /* Z-index (header DOIT être > menu pour que le burger reste cliquable) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  2000;

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

  /* Transitions */
  --transition: 0.25s ease;
}