/* variables.css — PAY-2 Craft jardin — Lora + Inter — vert forêt OKLCH */
:root {
  /* Couleurs (secteur paysagiste : OKLCH imposé) */
  --bg:          #F7F1E1;
  --bg-alt:      oklch(94% 0.018 88);
  --surface:     oklch(96% 0.012 88);
  --text:        #312A20;
  --text-2:      oklch(38% 0.045 75);
  --text-mute:   oklch(55% 0.028 80);
  --border:      color-mix(in srgb, #312A20 14%, transparent);
  --accent:      oklch(45% 0.12 145);
  --accent-2:    oklch(68% 0.09 145);
  --accent-soft: color-mix(in srgb, oklch(45% 0.12 145) 14%, #F7F1E1);
  --accent-deep: oklch(34% 0.10 145);
  --primary:     oklch(45% 0.12 145);
  --on-dark:     #F7F1E1;
  --wa-green:    #25D366;

  /* Typographie */
  --ff-display: 'Lora', Georgia, serif;
  --ff-body:    'Inter', system-ui, -apple-system, sans-serif;
  --ff-ui:      'Inter', system-ui, -apple-system, sans-serif;

  /* Rayons */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  18px;
  --r-xl:  28px;

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

  /* Z-index (burger > header > menu) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  2000;

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

  /* Transitions */
  --tr-fast: 0.18s ease;
  --tr-base: 0.28s ease;
}