/* PAY-9 Vert-de-gris - Neo-Editorial - Fraunces + DM Sans accent #3A4A40 */
:root {
  /* Couleurs base */
  --bg: #F3EFE7;
  --bg-alt: #E9E3D5;
  --surface: #FBF7EE;
  --surface-deep: #1E2622;
  --text: #2A2A26;
  --text-2: #4A4A44;
  --text-mute: #7A766F;
  --text-on-dark: #F1EDE3;
  --text-on-dark-2: #C6C0B2;
  --border: rgba(42, 42, 38, 0.13);
  --border-on-dark: rgba(241, 237, 227, 0.16);

  /* Accents */
  --accent: #3A4A40;
  --accent-2: #6B7E70;
  --accent-on-dark: #C9D6CC;
  --accent-soft: rgba(58, 74, 64, 0.10);
  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-dark: #128C7E;

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

  /* Rayons (LAY-6 radius-asym applique au card directement) */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;

  /* Container */
  --container: 1200px;

  /* Header */
  --header-h: 76px;
  --header-h-mobile: 64px;

  /* Z-index (header > menu pour menu refermable PIEGE PROD #1) */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;
  --z-fab: 950;

  /* Transitions */
  --t-quick: 180ms ease;
  --t-soft: 280ms cubic-bezier(.2,.7,.2,1);
}

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

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg-alt); }
::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 4px; }