Keyframes Tokens: Standardizing Animation Across Projects

Picture this: you join a new project, dive into the codebase, and within the first few hours, you discover something frustratingly familiar. Scattered throughout the stylesheets, you find multiple @keyframes definitions for the same basic animations. Three different fade-in effects, two or three slide variations, a handful of zoom animations, and at least two different spin animations because, well, why not?
@keyframes pulse {from {scale: 1;}to {scale: 1.1;}
}@keyframes bigger-pulse {0%, 20%, 10