/* Micro-interactions & accessibilité (peaufinage 2026-06) */
@media (hover:hover) and (prefers-reduced-motion: no-preference){
  .card{transition:transform .3s ease, box-shadow .3s ease}
  .card:hover{transform:translateY(-4px); box-shadow:0 16px 38px rgba(86,100,43,.20)}
  .card img{transition:transform .55s ease}
  .card:hover img{transform:scale(1.045)}
  .grid img{transition:transform .45s ease}
  .grid img:hover{transform:scale(1.03)}
  .split img{transition:transform .5s ease, box-shadow .3s ease}
  .split img:hover{transform:scale(1.02)}
  .btn{transition:transform .2s ease, filter .2s ease}
  .btn:hover{transform:translateY(-2px); filter:brightness(1.06)}
  .links a:hover{color:var(--sage)}
}
/* Focus clavier visible (accessibilité) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--sage); outline-offset:2px; border-radius:4px;
}