/* ============================================================
   VARIABLES — PAY-19 Kaki / Wellness / paysagiste
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  /* — Couleurs skin PAY-19 --------------------------------- */
  --bg:          #F4F0E4;
  --bg-alt:      #EDE8D6;
  --surface:     #FDFAF3;
  --text:        #2C2A20;
  --text-2:      #5A5643;
  --text-mute:   #8A856F;
  --border:      color-mix(in srgb, #2C2A20 14%, transparent);

  /* — Accent paysagiste (OKLCH secteur, prioritaire) ------- */
  --accent:      oklch(45% 0.12 145);
  --accent-2:    oklch(68% 0.09 145);
  --accent-soft: color-mix(in srgb, oklch(45% 0.12 145) 12%, #F4F0E4);
  --primary:     oklch(45% 0.12 145);

  /* — Spéciaux -------------------------------------------- */
  --wa-green:    #25D366;
  --dark-bg:     oklch(26% 0.06 145);
  --dark-text:   #F4F0E4;

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

  /* — Rayons ---------------------------------------------- */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  24px;

  /* — Layout ---------------------------------------------- */
  --header-h:        72px;
  --header-h-mobile: 60px;
  --container:       1200px;

  /* — Z-index (z-header DOIT être > z-menu) --------------- */
  --z-header: 100;
  --z-menu:    90;
  --z-modal:  200;
}