/* PAY-4 Botanique chic | Neo-Editorial | paysagiste */
:root{
  /* Palette */
  --bg: #F3EFE7;
  --bg-alt: #EAE3D4;
  --surface: #FBF8F2;
  --surface-dark: #1F2A24;
  --text: #2A2A26;
  --text-2: #4A4A42;
  --text-mute: #6F6F65;
  --text-on-dark: #F3EFE7;
  --text-on-dark-2: rgba(243, 239, 231, 0.78);
  --border: rgba(42, 42, 38, 0.12);
  --border-strong: rgba(42, 42, 38, 0.22);

  --accent: oklch(45% 0.12 145);     /* vert foret impose secteur */
  --accent-2: oklch(68% 0.09 145);   /* vert jardin */
  --accent-soft: oklch(92% 0.04 145);
  --accent-deep: oklch(32% 0.08 145);
  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-deep: #128C7E;

  /* Typo */
  --ff-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ff-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ff-ui: var(--ff-body);

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

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

  /* z-index : burger > header > menu (refermable) > fab */
  --z-header: 1100;
  --z-menu: 1000;
  --z-burger: 1200;
  --z-modal: 1300;
  --z-fab: 900;

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

  /* Espacements fluides */
  --space-section: clamp(48px, 7vw, 96px);
  --space-section-tight: clamp(32px, 5vw, 64px);

  /* Transitions */
  --t-fast: 180ms ease;
  --t-base: 280ms ease;
  --t-slow: 420ms cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-reduced-motion: reduce){
  :root{
    --t-fast: 0ms;
    --t-base: 0ms;
    --t-slow: 0ms;
  }
}