:root{
  /* PAY-20 Emeraude sombre (Wellness) - impose par da_engine */
  --bg: #EDF1ED;
  --bg-alt: #DDE6DD;
  --surface: #F7F9F6;
  --surface-deep: #1E2E29;

  --text: #1E2E29;
  --text-2: #4B5C57;
  --text-mute: #7E8B86;
  --text-on-dark: #F3F6F1;
  --text-on-dark-2: rgba(243,246,241,.78);

  --border: rgba(30,46,41,.14);
  --border-strong: rgba(30,46,41,.30);

  --accent: #1F5B4E;
  --accent-2: #6EA193;
  --accent-soft: #C9DCD3;
  --accent-on-dark: #B7D3C7;

  --primary: #1F5B4E;
  --gold: #C9A23B;
  --wa-green: #25D366;

  --ff-display: "EB Garamond", "Cormorant Garamond", Georgia, serif;
  --ff-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-ui: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;

  --header-h: 76px;
  --header-h-mobile: 60px;

  --z-base: 1;
  --z-fab: 900;
  --z-menu: 1000;
  --z-header: 1100;
  --z-burger: 1101;
  --z-modal: 1500;
  --z-lightbox: 1600;

  --container: 1180px;

  --shadow-sm: 0 1px 2px rgba(30,46,41,.06), 0 2px 6px rgba(30,46,41,.05);
  --shadow-md: 0 4px 14px rgba(30,46,41,.08), 0 10px 30px rgba(30,46,41,.06);
}