/* PAY-17 Mousse — Neo-Editorial */
:root {
  /* Couleurs */
  --bg:           #F6F0E6;
  --bg-alt:       #ECE6D6;
  --surface:      color-mix(in srgb, var(--text) 5%, var(--bg));
  --text:         oklch(19.8% 0.016 63.5);
  --text-2:       oklch(38% 0.018 63);
  --text-mute:    oklch(55% 0.016 63);
  --border:       color-mix(in srgb, var(--text) 13%, transparent);
  --accent:       oklch(49.2% 0.096 142.5);
  --accent-2:     oklch(56.3% 0.063 67.2);
  --primary:      oklch(49.2% 0.096 142.5);
  --wa-green:     #25D366;

  /* Typographie */
  --ff-display:   'Fraunces', Georgia, serif;
  --ff-body:      'DM Sans', system-ui, sans-serif;
  --ff-ui:        'DM Sans', system-ui, sans-serif;

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

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

  /* Z-index (--z-header DOIT être > --z-menu) */
  --z-header:   100;
  --z-menu:      90;
  --z-modal:    200;

  /* Transitions */
  --ease-out:   cubic-bezier(.2, .7, .2, 1);
}