/* Jarvis Designsystem – Bewegung im Light DOM. Nur transform und opacity. */
@layer motion {
  @keyframes puls { 0% { transform: scale(0.8); opacity: 0.7; } 100% { transform: scale(1.5); opacity: 0; } }
  @keyframes schimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
  @keyframes einflug { from { opacity: 0; transform: translateY(10px) scale(0.98); } }
  @keyframes schuetteln { 20%, 60% { transform: translateX(-4px); } 40%, 80% { transform: translateX(4px); } }
  @keyframes blinken { 50% { opacity: 0; } }

  .einflug { animation: einflug var(--dauer-m) var(--feder-weich) both; }
  .schuetteln { animation: schuetteln var(--dauer-l) var(--kurve-aus); }

  @media (prefers-reduced-motion: reduce) {
    .einflug, .schuetteln { animation: none; }
  }
}