/* ============================================================
   MOTION — Empresas Directory System
   Signature motif: springy, bouncy micro-interactions.
   Hover = lift + slight grow. Press = shrink. Entrances pop.
   ============================================================ */
:root {
  /* Durations */
  --dur-instant: 90ms;  /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    340ms; /* @kind other */
  --dur-slower:  520ms; /* @kind other */

  /* Easings */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);     /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);     /* @kind other */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);    /* @kind other */
  --ease-pop:    cubic-bezier(0.18, 0.89, 0.32, 1.28); /* @kind other */

  /* Composed transitions (springy overshoot on ease-bounce; stronger on ease-pop) */
  --transition-control: transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-base) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out); /* @kind other */
  --transition-lift: transform var(--dur-base) var(--ease-bounce), box-shadow var(--dur-base) var(--ease-out); /* @kind other */

  /* Interaction transforms */
  --lift-hover: translateY(-2px); /* @kind other */
  --grow-hover: scale(1.03);      /* @kind other */
  --press:      scale(0.96);      /* @kind other */
}

/* Signature entrance: pop in with a little overshoot */
@keyframes ed-pop-in {
  0%   { opacity: 0; transform: translateY(10px) scale(0.94); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes ed-fade-up {
  0%   { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes ed-bounce-soft {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-control: none; /* @kind other */
    --transition-lift: none; /* @kind other */
    --lift-hover: none; /* @kind other */
    --grow-hover: none; /* @kind other */
    --press: none; /* @kind other */
  }
}
