/* variables.css — PAY-3 Wellness Sauge — Robin Leroy Jardinier-paysagiste */
:root {
  /* Skin PAY-3 (accent OKLCH sector jardinier prioritaire) */
  --bg:          #E8F0EC;
  --bg-alt:      #D6E6DE;
  --surface:     #F2F7F4;
  --text:        #1F3531;
  --text-2:      #3A5248;
  --text-mute:   #6B8A82;
  --border:      color-mix(in srgb, var(--text) 13%, transparent);
  --accent:      oklch(48% 0.11 148);
  --accent-2:    oklch(70% 0.08 148);
  --accent-soft: color-mix(in srgb, var(--accent) 11%, var(--surface));
  --primary:     var(--accent);
  --on-dark:     #ffffff;
  --wa-green:    #25D366;

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

  /* Rayons */
  --r-sm:  5px;
  --r-md:  11px;
  --r-lg:  18px;
  --r-xl:  28px;

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

  /* Z-index : burger > header > menu > modal */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1200;

  /* Container */
  --container: min(1180px, 100% - 48px);

  /* Transitions */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
}