/* Pierre Au Jardin - PAY-5 Terre & feuille (Craft) */
:root {
  /* Palette PAY-5 + override accent secteur paysagiste */
  --bg: #F6F0E6;
  --bg-alt: #EFE7D6;
  --surface: #FBF7EE;
  --surface-deep: #2E3A28;
  --text: #2E2820;
  --text-2: #5A4F40;
  --text-mute: #8A7E6B;
  --text-on-dark: #F6F0E6;
  --border: #D9CFBC;
  --border-soft: #E5DCC8;

  --accent: #557544;
  --accent-2: #9A7B4F;
  --accent-soft: #DCE3D0;
  --accent-deep: #3F5832;
  --primary: #557544;
  --wa-green: #25D366;

  /* Typo */
  --ff-display: "Fraunces", "Source Serif Pro", Georgia, serif;
  --ff-body: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, sans-serif;
  --ff-ui: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, sans-serif;

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

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

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

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

/* Selection branding */
::selection { background: var(--accent); color: #fff; }

/* Scrollbar fine */
* { scrollbar-width: thin; scrollbar-color: var(--accent) var(--bg-alt); }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: var(--bg-alt); }
*::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 6px; }

/* Focus visible accessible */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Placeholder cohérent */
::placeholder { color: var(--text-mute); opacity: 1; }