/* PAY-4 Botanique chic — Neo-Editorial */
:root {
  /* Couleurs skin */
  --bg: #F3EFE7;
  --bg-alt: #ECE6D8;
  --surface: #FBF8F2;
  --surface-dark: #2A2A26;
  --text: #2A2A26;
  --text-2: #4D4A41;
  --text-mute: #75716A;
  --border: rgba(42, 42, 38, 0.14);
  --border-strong: rgba(42, 42, 38, 0.25);
  --accent: #3A4A40;
  --accent-2: #6F8273;
  --accent-soft: #DCE0D8;
  --primary: #3A4A40;
  --wa-green: #25D366;
  --warn: #C7541F;

  /* Polices */
  --ff-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --ff-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ff-ui: "DM Sans", system-ui, sans-serif;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;

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

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

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

  /* Espacements fluides */
  --sp-section: clamp(48px, 7vw, 96px);
  --sp-section-tight: clamp(32px, 4vw, 56px);

  /* Transitions */
  --t-fast: .2s ease;
  --t-med: .35s ease;
}

::selection {
  background: var(--accent);
  color: #FBF8F2;
}

* { scrollbar-color: var(--accent) var(--bg-alt); }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: var(--bg-alt); }
*::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 4px; }