/* variables.css — PAY-9 Vert-de-gris (Neo-Editorial) — Élagage Grenoble */
:root {
  /* Couleurs skin PAY-9 */
  --bg:        #F3EFE7;
  --bg-alt:    #EAE6DC;
  --surface:   #F8F5EF;
  --text:      #2A2A26;
  --text-2:    oklch(35% 0.025 88);
  --text-mute: oklch(54% 0.018 88);
  --border:    color-mix(in srgb, #2A2A26 14%, #F3EFE7);
  --accent:    #3A4A40;
  --accent-2:  oklch(62% 0.10 145);
  --primary:   #3A4A40;
  --wa-green:  #25D366;

  /* Polices */
  --ff-display: 'Fraunces', Georgia, serif;
  --ff-body:    'DM Sans', system-ui, sans-serif;
  --ff-ui:      'DM Sans', system-ui, sans-serif;

  /* Rayons */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  22px;
  --r-xl:  36px;

  /* Header — z-header DOIT être > z-menu */
  --header-h:        72px;
  --header-h-mobile: 60px;
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1200;

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

  /* Transitions */
  --tr-base: 0.25s ease;
  --tr-med:  0.35s ease;
}