/* PAY-11 Sapin - Wellness - accent vert sapin profond */
:root {
  /* Couleurs base */
  --bg: #EFF2EC;
  --bg-alt: #E3EAE0;
  --surface: #FBFCF9;
  --surface-deep: #1C2820;
  --text: #222A24;
  --text-2: #4C564E;
  --text-mute: #7B847D;
  --text-on-dark: #F1F4EE;
  --text-on-dark-2: #C9D2CC;
  --border: rgba(34, 42, 36, 0.12);
  --border-on-dark: rgba(255, 255, 255, 0.14);

  /* Accents */
  --accent: #29402F;
  --accent-2: #50745A;
  --accent-on-dark: #C9DFCE;
  --accent-soft: rgba(41, 64, 47, 0.10);
  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-dark: #128C7E;

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

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

  /* Espacement */
  --container: 1180px;

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

  /* Z-index (header > menu pour menu refermable) */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;
  --z-fab: 950;

  /* Transitions */
  --t-quick: 180ms ease;
  --t-soft: 280ms cubic-bezier(.2,.7,.2,1);
}

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

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