/* Swaps smooth easing for a stepped, handmade-feeling motion — reads as
   frame-by-frame rather than slick corporate easing. Site-wide, applies
   to common interactive elements plus the loader pulse if it's active.
   Deliberately a LOW step count (4-5) so it stays "subtle" rather than
   janky/glitchy. */

a, button, .ast-button, .wp-element-button, .vcs-paper-card{
	transition-timing-function: steps(4, end);
}

/* The loader pulse specifically, since loader.css ships its own
   ease-in-out timing by default */
#vcs-loader .vcs-loader-mark{
	animation-timing-function: steps(5, end);
}

@media (prefers-reduced-motion: reduce){
	a, button, .ast-button, .wp-element-button, .vcs-paper-card,
	#vcs-loader .vcs-loader-mark{
		transition: none !important;
		animation: none !important;
	}
}