/* Variables — Skin PAY-8 Sauge (Craft + accent teal sauge clair, fond papier menthe) */
:root{
  /* Couleurs imposees par da_choice */
  --bg: #E8F0EC;
  --bg-alt: #DCE7E1;
  --surface: #F1F6F2;
  --text: #1F3531;
  --text-2: #3F5651;
  --text-mute: #6C7D78;
  --border: #C8D7D0;

  --accent: #4A8B7F;        /* teal sauge primaire */
  --accent-2: #6FA89D;      /* teal plus clair (hover/surface) */
  --accent-soft: rgba(74, 139, 127, 0.12);
  --accent-strong: #366A60; /* teal fonce pour CTA hover */
  --primary: #1F3531;
  --wa-green: #25D366;
  --google-blue: #4285F4;

  /* Polices */
  --ff-display: "Lora", "Cormorant", Georgia, serif;
  --ff-body: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  --ff-ui: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, sans-serif;

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

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

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

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

  /* Espacements */
  --section-py-mobile: 56px;
  --section-py-desktop: 96px;

  /* Transitions */
  --t-fast: .18s ease;
  --t-mid: .35s ease;
}