/* PAY-10 Mousse — Neo-Editorial / Cormorant Garamond + DM Sans / accent vert mousse #557544 */
:root {
  /* Couleurs */
  --bg: #F6F0E6;
  --bg-alt: #EEE6D6;
  --surface: #FBF6EB;
  --text: #2E2820;
  --text-2: #5C5345;
  --text-mute: #8A7E6A;
  --border: rgba(46, 40, 32, 0.14);
  --border-strong: rgba(46, 40, 32, 0.28);

  --accent: #557544;
  --accent-2: #9A7B4F;
  --accent-deep: #3F5933;
  --accent-soft: #DDE3CF;
  --accent-translucent: rgba(85, 117, 68, 0.22);
  --on-dark: #F2EDDF;
  --on-dark-mute: rgba(242, 237, 223, 0.78);

  --ink: #2E2820;
  --primary: #557544;
  --wa-green: #25D366;
  --google-blue: #4285F4;

  /* Polices */
  --ff-display: "Cormorant Garamond", "Cormorant", "Cormorant Infant", Georgia, serif;
  --ff-body: "DM Sans", "Inter", "Source Sans 3", -apple-system, system-ui, sans-serif;
  --ff-ui: "DM Sans", "Inter", system-ui, sans-serif;

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

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

  /* Z-index — ABSOLU : header > menu */
  --z-base: 1;
  --z-sticky: 50;
  --z-menu: 1000;
  --z-header: 1100;
  --z-burger: 1150;
  --z-modal: 1200;

  /* Transitions */
  --t-fast: .18s ease;
  --t-base: .28s ease;
  --t-slow: .55s cubic-bezier(.2,.7,.2,1);
}

::selection { background: var(--accent); color: var(--on-dark); }
::-moz-selection { background: var(--accent); color: var(--on-dark); }