/* DA imposee : PAY-19 Kaki (Wellness) - EB Garamond + DM Sans + accent kaki #5E6B3B */
:root {
  /* COULEURS */
  --bg: #F4F0E4;
  --bg-alt: #EAE5D4;
  --surface: #FBF8EE;
  --surface-dark: #2C2E22;
  --text: #2C2A20;
  --text-2: #59554A;
  --text-mute: #8B8770;
  --border: rgba(44, 42, 32, 0.14);
  --border-strong: rgba(44, 42, 32, 0.28);
  --accent: #5E6B3B;
  --accent-2: #8A9760;
  --accent-soft: rgba(94, 107, 59, 0.10);
  --accent-on-dark: #C5D095;
  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-green-dark: #1FAA53;
  --gold: #B9941A;

  /* POLICES */
  --ff-display: 'EB Garamond', 'Garamond', Georgia, serif;
  --ff-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --ff-ui: 'DM Sans', system-ui, sans-serif;

  /* RAYONS */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* HEADER */
  --header-h: 76px;
  --header-h-mobile: 64px;
  --container: 1200px;

  /* Z-INDEX (PIEGE PROD #1 : header > menu) */
  --z-fab: 900;
  --z-menu: 1000;
  --z-header: 1100;
  --z-burger: 1200;
  --z-modal: 1300;
  --z-lightbox: 1400;

  /* TRANSITIONS */
  --t-fast: 180ms cubic-bezier(.2,.7,.2,1);
  --t-med: 320ms cubic-bezier(.2,.7,.2,1);
}

::selection { background: var(--accent-soft); color: var(--text); }