/* PAY-2 Craft jardin - palette olive papier */
:root {
  /* Fonds */
  --bg: #F7F1E1;
  --bg-alt: #EFE7D2;
  --surface: #FFFFFF;

  /* Encre / texte */
  --text: #312A20;
  --text-2: #5A4F40;
  --text-mute: #8A7E6B;
  --border: rgba(49, 42, 32, 0.16);

  /* Accents (paysagiste vert olive) */
  --accent: oklch(52% 0.085 115);
  --accent-2: oklch(70% 0.07 115);
  --accent-soft: oklch(92% 0.05 115);
  --accent-deep: oklch(38% 0.075 115);

  /* CTAs primaires (WhatsApp + tel) */
  --primary: oklch(52% 0.085 115);
  --wa-green: #25D366;
  --wa-green-deep: #128C7E;

  /* Typographie */
  --ff-display: "Lora", "Libre Baskerville", Georgia, serif;
  --ff-body: "Inter", "Source Sans 3", system-ui, -apple-system, sans-serif;
  --ff-ui: "Inter", system-ui, sans-serif;

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

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

  /* Z-index : burger 1200 doit etre > header 1100 > menu 1000 */
  --z-header: 1100;
  --z-menu: 1000;
  --z-burger: 1200;
  --z-fab: 1050;
  --z-modal: 1300;

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

  /* Transitions */
  --t-fast: 0.18s ease;
  --t-base: 0.28s ease;
  --t-slow: 0.55s cubic-bezier(.2,.7,.2,1);
}

::selection { background: color-mix(in srgb, var(--accent) 30%, transparent); color: var(--text); }

html { scrollbar-width: thin; scrollbar-color: var(--accent) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--accent) 60%, transparent); border-radius: 8px; }
*::-webkit-scrollbar-track { background: transparent; }

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

::placeholder { color: var(--text-mute); opacity: 1; }