/* ─────────────────────────────────────────────────────────────────────────────
   Zypp · Motion tokens & keyframes
   Restrained, warm motion. The signature easing is a gentle ease-out
   (cubic-bezier(0.16, 1, 0.3, 1)) used for fade-up entrances. Everything
   respects prefers-reduced-motion.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  --ease-out-soft:  cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */   /* entrances — the Zypp signature */
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */    /* color / state transitions */

  --duration-fast:   150ms; /* @kind other */   /* hover color, small state changes */
  --duration-normal: 300ms; /* @kind other */   /* hover-lift, accordions */
  --duration-slow:   600ms; /* @kind other */   /* fade-up entrances */
}

@keyframes zypp-fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes zypp-ping {
  75%, 100% { transform: scale(2); opacity: 0; }
}