/* ==========================================================================
   clarims-motion.css — [MOTION] Phase 2 item 15: apna motion system
   Teeno shells (mobile + desktop v1/v2) ke liay MUSHTARAKA motion file:
   tokens + dialog keyframes aik hi jagah. Bodies clarims-ux.css ke cx-
   keyframes ki ayn copy hn (wahan mobile UX layer/toast inhe istemal
   karta ha); surat/waqt har jagah Aik (.3s system).
   Rollback: teeno heads se is file ka <link> hatana.
   ========================================================================== */
:root{
  --cx-animate-duration:.3s;
  --cx-animate-delay:.3s;
  --cx-animate-repeat:1;
  --cx-dur-fast:.15s;
  --cx-dur-press:.2s;
  --cx-ease-linear:linear;
  --cx-ease-dialog:cubic-bezier(.08,.82,.17,1);
  --cx-ease-in-out:ease-in-out;
}

/* dialog keyframes — fade/zoom families (reference: dialogs zoom/fade .3s) */
@keyframes cx-fadeIn{from{opacity:0}to{opacity:1}}
@keyframes cx-fadeOut{from{opacity:1}to{opacity:0}}
@keyframes cx-zoomIn{
  0%{transform:scale3d(.3,.3,.3);opacity:0}
  50%{opacity:1}
}
@keyframes cx-zoomOut{
  0%{opacity:1}
  50%{transform:scale3d(.3,.3,.3);opacity:0}
  100%{opacity:0}
}
/* halka dialog zoom — language dialog ki asal surat (pehle cxLangZoom naam
   se 2 window.html files mn bikra tha) */
@keyframes cx-zoomInSoft{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}

/* spin — balance refresh (pehle cxSpinFast/@keyframes spin naam se
   4 jagah duplicate tha; body hamesha rotate 0->360 hi thi) */
@keyframes cx-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.cx-spin-fast{animation:cx-spin .5s linear infinite !important}
.spin-animation{animation:cx-spin 1s linear infinite}