/* =====================================================
   VARIABLES — PAY-17 Mousse · Neo-Editorial
   Deco Paysage Concept · Cannes
   ===================================================== */
:root {
  /* skin */
  --bg:          #F6F0E6;
  --bg-alt:      color-mix(in srgb, var(--accent) 8%, var(--bg));
  --surface:     color-mix(in srgb, var(--text) 4%, var(--bg));
  --surface-deep:#2A2820;
  --text:        #2E2820;
  --text-2:      color-mix(in srgb, var(--text) 72%, var(--bg));
  --text-mute:   color-mix(in srgb, var(--text) 48%, var(--bg));
  --border:      color-mix(in srgb, var(--text) 14%, transparent);

  --accent:      #557544;
  --accent-2:    #9A7B4F;
  --accent-soft: color-mix(in srgb, var(--accent) 16%, var(--bg));
  --accent-deep: color-mix(in srgb, var(--accent) 78%, #1a1a10);
  --primary:     #557544;
  --wa-green:    #25D366;

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

  /* radius */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  18px;
  --r-xl:  26px;

  /* header — RÈGLE: z-header > z-menu, burger > z-header */
  --header-h:        72px;
  --header-h-mobile: 60px;
  --z-header:        1100;
  --z-menu:          1000;
  --z-modal:         2000;

  /* container */
  --container: min(1200px, 100% - 48px);

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