/* Motion system tokens + page transition overlay */

:root{
  --lwf-ease-out:cubic-bezier(.2,.8,.2,1);
  --lwf-ease-soft:cubic-bezier(.25,.1,.25,1);
  --lwf-dur-fast:180ms;
  --lwf-dur-med:420ms;
  --lwf-dur-slow:720ms;
}

/* Page overlay used for exit transitions */
#lwf-page-overlay{
  position:fixed;
  inset:0;
  background:rgba(255,253,249,0.98);
  opacity:0;
  pointer-events:none;
  z-index:99999;
  transition:opacity var(--lwf-dur-med) var(--lwf-ease-out);
}
#lwf-page-overlay.is-active{
  opacity:1;
  pointer-events:auto;
}

/* Pre-animated elements can start hidden; JS will reveal. */
html:not(.lwf-reduced-motion) [data-motion]{
  will-change: transform, opacity;
}

/* Reduced motion: disable transitions/animations. */
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important;}
  #lwf-page-overlay{transition:none;}
}

.lwf-reduced-motion #lwf-page-overlay{transition:none;}