/* PAY-10 Mousse — Neo-Editorial — Cormorant Garamond + DM Sans — accent vert mousse */
:root {
  /* Skin */
  --bg: #F6F0E6;
  --bg-alt: #ECE4D5;
  --surface: #FBF7EE;
  --surface-deep: #2A2820;
  --text: #2E2820;
  --text-2: #5A5246;
  --text-mute: #8A8175;
  --text-on-dark: #F6F0E6;
  --text-on-dark-2: rgba(246,240,230,.78);
  --border: rgba(46,40,32,.14);
  --border-on-dark: rgba(246,240,230,.18);

  --ink: #2E2820;
  --accent: #557544;
  --accent-2: #9A7B4F;
  --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--bg));
  --accent-on-dark: #C9D6BD;
  --primary: var(--accent);
  --wa-green: #25D366;

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

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

  /* Layout */
  --container: 1200px;
  --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;
}