/* PAY-9 Vert-de-gris — Neo-Editorial */
:root {
  /* Palette */
  --bg: #F3EFE7;
  --bg-alt: #EAE4D6;
  --surface: #FBF8F1;
  --surface-deep: #2A2A26;
  --text: #2A2A26;
  --text-2: #5A5A55;
  --text-mute: #8A8A82;
  --border: rgba(42, 42, 38, 0.14);
  --border-strong: rgba(42, 42, 38, 0.28);
  --ink: #2A2A26;
  --on-dark: #F3EFE7;
  --on-dark-2: rgba(243, 239, 231, 0.78);

  /* Accent vert-de-gris brumeux */
  --accent: #3A4A40;
  --accent-2: #5C7065;
  --accent-soft: #D6DCD4;
  --accent-deep: #243029;
  --accent-translucent: rgba(58, 74, 64, 0.32);

  /* Primary / WA */
  --primary: var(--accent);
  --wa-green: #25D366;

  /* Typo */
  --ff-display: 'Fraunces', 'Times New Roman', serif;
  --ff-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --ff-ui: 'DM Sans', system-ui, -apple-system, sans-serif;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;

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

  /* Z-index */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;

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

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