/* ============================================================
   VARIABLES - Skin PAY-4 Botanique chic (Neo-Editorial)
   Paysagiste-concepteur Valence - BIOTOP Ronan HERRY
   ============================================================ */
:root {
  /* Fonds */
  --bg:        #F3EFE7;
  --bg-alt:    #EAE3D4;
  --surface:   #FBF8F1;
  --surface-2: #ECE3CF;

  /* Texte */
  --text:      #2A2A26;
  --text-2:    #5A5A50;
  --text-mute: #8A8A7E;

  /* Bordures */
  --border:        rgba(42, 42, 38, 0.14);
  --border-strong: rgba(42, 42, 38, 0.32);

  /* Accents - vert jardin sector_playbook PRIORITAIRE */
  --accent:    oklch(48% 0.11 148);     /* vert jardin profond */
  --accent-2:  oklch(70% 0.08 148);     /* vert clair surface/hover */
  --accent-ink: #fff;                   /* texte sur fond accent */
  --primary:   #2A2A26;

  /* WhatsApp */
  --wa-green: #25D366;
  --wa-green-d: #128C7E;

  /* Polices skin PAY-4 */
  --ff-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --ff-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-ui:      'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Radius - LAY-6 magazine asymetrique */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;
  --r-asym: 22px 4px 22px 4px;

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

  /* Z-index */
  --z-menu:   1000;
  --z-header: 1100;
  --z-modal:  1200;
  --z-burger: 1300;
  --z-fab:    900;

  /* Layout */
  --container: 1240px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  280ms;
}