/* Design tokens — Bontemps Jardin (Craft adapte paysagiste, accent vert foret) */
:root {
  /* Couleurs palette — vert organique mediterraneen */
  --bg: oklch(96% 0.013 95);              /* papier chaud nuance vegetale tres legere */
  --bg-alt: oklch(93% 0.018 105);         /* papier creme legerement vert */
  --surface: oklch(99% 0.008 95);          /* surface carte tres claire */
  --surface-deep: oklch(28% 0.038 145);    /* surface foncee inverse (vert nuit) */
  --text: oklch(22% 0.025 145);            /* encre vert nuit, pas noir pur */
  --text-2: oklch(40% 0.022 145);          /* texte secondaire */
  --text-muted: oklch(55% 0.018 130);      /* labels, captions */
  --border: oklch(85% 0.012 100);          /* bordure papier */
  --border-strong: oklch(70% 0.020 130);

  /* Accent — vert foret naturel (impose paysagiste) */
  --accent: oklch(45% 0.12 145);           /* vert foret profond */
  --accent-2: oklch(68% 0.09 145);         /* vert frais surfaces inversees */
  --accent-soft: oklch(80% 0.06 145 / 0.32); /* underline translucide H1 */
  --accent-dark: oklch(33% 0.10 145);

  /* WhatsApp official + alerte rouge */
  --wa: oklch(64% 0.155 152);
  --wa-dark: oklch(54% 0.150 152);
  --warn: oklch(58% 0.18 30);

  /* Polices */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Libre Baskerville", Georgia, serif;
  --font-ui: "Inter", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;

  /* Tailles fluides */
  --fs-xs: clamp(0.72rem, 0.70rem + 0.10vw, 0.78rem);
  --fs-sm: clamp(0.84rem, 0.82rem + 0.12vw, 0.92rem);
  --fs-base: clamp(0.98rem, 0.96rem + 0.15vw, 1.06rem);
  --fs-lg: clamp(1.10rem, 1.05rem + 0.30vw, 1.30rem);
  --fs-xl: clamp(1.35rem, 1.20rem + 0.80vw, 1.85rem);
  --fs-2xl: clamp(1.75rem, 1.40rem + 1.70vw, 2.70rem);
  --fs-3xl: clamp(2.30rem, 1.70rem + 2.80vw, 3.85rem);

  /* Espacements */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4.5rem; --sp-9: 6.5rem;

  /* Rayons */
  --r-xs: 4px; --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-pill: 999px;

  /* Ombres sobres (offset craft) */
  --shadow-sm: 0 1px 0 oklch(20% 0.020 145 / 0.06), 0 1px 3px oklch(20% 0.020 145 / 0.05);
  --shadow-md: 0 2px 0 oklch(20% 0.020 145 / 0.08), 0 6px 18px -8px oklch(20% 0.020 145 / 0.18);
  --shadow-lg: 0 4px 0 oklch(20% 0.020 145 / 0.10), 0 18px 38px -14px oklch(20% 0.020 145 / 0.22);
  --shadow-card: 0 1px 0 var(--border), 0 8px 20px -12px oklch(28% 0.030 145 / 0.14);

  /* Z-index */
  --z-header: 50; --z-fab: 60; --z-modal: 80; --z-lightbox: 90;

  /* Transitions */
  --t-fast: 160ms cubic-bezier(.22,.61,.36,1);
  --t-mid: 280ms cubic-bezier(.22,.61,.36,1);
  --t-slow: 480ms cubic-bezier(.22,.61,.36,1);

  /* Header height (utilise pour scroll-padding) */
  --header-h: 76px;
}