/* Pierre et Jardins — variables.css — DA PAY-6 Vert forêt (Craft) */
:root {
  /* Palette Craft — fond papier chaud, encre sombre, vert forêt paysagiste */
  --bg:           #F5F1EA;
  --bg-alt:       #EBE6DC;
  --surface:      #FFFFFF;
  --text:         #2E2820;
  --text-2:       #5A5248;
  --text-mute:    color-mix(in srgb, #2E2820 55%, transparent);
  --border:       color-mix(in srgb, #2E2820 14%, transparent);
  --border-light: color-mix(in srgb, #2E2820 8%, transparent);

  /* Accent secteur paysagiste — OKLCH forêt naturel (prioritaire sur da_choice hex) */
  --accent:       oklch(45% 0.12 145);
  --accent-2:     oklch(68% 0.09 145);
  --accent-soft:  color-mix(in srgb, oklch(45% 0.12 145) 12%, #F5F1EA);
  --primary:      oklch(45% 0.12 145);

  /* WhatsApp */
  --wa-green:     #25D366;

  /* On-dark (texte sur fond sombre) */
  --on-dark:      #FFFFFF;
  --on-dark-2:    rgba(255, 255, 255, 0.78);

  /* Polices — PAY-6 Craft */
  --ff-display:   'Lora', Georgia, 'Times New Roman', 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:   64px;

  /* Z-index — RÈGLE : z-header DOIT être > z-menu */
  --z-header:     1100;
  --z-menu:       1000;
  --z-modal:      2000;

  /* Container */
  --container:    min(1200px, 100% - 48px);

  /* Transitions */
  --t-fast:       150ms ease;
  --t-base:       280ms ease;
  --t-slow:       420ms ease;
}