/* PAY-12 Kaki — Wellness — EB Garamond + Nunito Sans — accent kaki vert */
:root {
  /* Skin */
  --bg: #F4F0E4;
  --bg-alt: #E8E2D1;
  --surface: #FAF6EC;
  --surface-deep: #2A2820;
  --text: #2C2A20;
  --text-2: #5A574A;
  --text-mute: #8A8675;
  --text-on-dark: #F4F0E4;
  --text-on-dark-2: rgba(244,240,228,.78);
  --border: rgba(44,42,32,.14);
  --border-on-dark: rgba(244,240,228,.18);

  --ink: #2C2A20;
  --accent: #5E6B3B;
  --accent-2: #8B9A60;
  --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--bg));
  --accent-on-dark: #B9C695;
  --primary: var(--accent);
  --wa-green: #25D366;

  /* Fonts */
  --ff-display: "EB Garamond", Garamond, "Times New Roman", serif;
  --ff-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ff-ui: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 22px;

  /* Layout */
  --container: 1240px;
  --header-h: 72px;
  --header-h-mobile: 64px;

  /* Z-index (z-header > z-menu obligatoire — piege prod #1) */
  --z-fab: 950;
  --z-menu: 1000;
  --z-header: 1100;
  --z-modal: 1200;

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