/* ==========================================================================
   Motion — micro-interactions, focus states
   ========================================================================== */
a, button{ transition: color var(--dur-fast) var(--ease-out); }

.service-card, .team-card, .team-preview-card, .stat, .contact-card, .contact-form-card{
  transition: transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);
}

input, textarea{
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
input:focus, textarea:focus{
  border-color: var(--accent-dark) !important;
  box-shadow: 0 0 0 3px var(--accent-soft);
  outline: none;
}

/* Press feedback on interactive tiles */
.service-card:active, .btn:active, .footer-top:active{ transform: scale(.98); }

@media (prefers-reduced-motion: reduce){
  .hero__slide, .hero__img, .service-card, .team-card, .team-preview-card{ transition: none !important; }
}