/* PAY-8 Sauge - Craft - accent sauge mediterraneen Cote d'Azur */
:root {
  /* Couleurs base */
  --bg: #E8F0EC;
  --bg-alt: #DCE7E0;
  --surface: #F4F8F5;
  --surface-deep: #1F3531;
  --text: #1F3531;
  --text-2: #43554F;
  --text-mute: #6D7D77;
  --text-on-dark: #EAF1ED;
  --text-on-dark-2: #BFCFC8;
  --border: rgba(31, 53, 49, 0.13);
  --border-on-dark: rgba(255, 255, 255, 0.14);

  /* Accents (sauge - paysagiste vert foret) */
  --accent: #4A8B7F;
  --accent-2: #6FAA9E;
  --accent-on-dark: #B8DCD2;
  --accent-soft: rgba(74, 139, 127, 0.10);
  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-dark: #128C7E;

  /* Polices (PAY-8 : Lora display + Source Sans 3 body/ui) */
  --ff-display: "Lora", "Libre Baskerville", Georgia, serif;
  --ff-body: "Source Sans 3", "Source Sans Pro", "Inter", system-ui, -apple-system, sans-serif;
  --ff-ui: "Source Sans 3", "Source Sans Pro", "Inter", system-ui, -apple-system, sans-serif;

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

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

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

  /* Z-index (header > menu pour menu refermable) */
  --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: #F4F8F5;
}

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