:root {
  /* Skin PAY-11 Sapin — Wellness */
  --bg: #EFF2EC;
  --bg-alt: #E5EBE1;
  --surface: #FFFFFF;
  --text: #222A24;
  --text-2: color-mix(in srgb, #222A24 62%, #EFF2EC);
  --text-mute: color-mix(in srgb, #222A24 38%, #EFF2EC);
  --border: color-mix(in srgb, #222A24 11%, #EFF2EC);
  --accent: #29402F;
  --accent-2: #4A7050;
  --accent-soft: color-mix(in srgb, var(--accent) 11%, var(--bg));
  --primary: #29402F;
  --wa-green: #25D366;

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

  /* Rayons (Wellness = formes douces) */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;

  /* Layout */
  --header-h: 72px;
  --header-h-mobile: 60px;
  --container: 1200px;

  /* Z-index — ordre strict : burger > header > menu */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 2000;

  /* Transitions */
  --t-fast: 160ms ease;
  --t-base: 280ms ease;
  --t-slow: 420ms ease;
}