/**
 * Kaligraf Design — Supplemental Animations
 * Keyframes and delay helpers not in design-system.css.
 * Source: spec/phase-4/next-phaseD4.md
 */

/* ─── Additional keyframes ─── */

@keyframes slide-in-right-enter {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}

.anim-slide-in-right { opacity: 0; }
.anim-slide-in-right.is-visible {
  animation: slide-in-right-enter var(--motion-slide-in-left-duration) var(--ease-spring) forwards;
}

/* ─── Extended stagger delay helpers (delay-4 through delay-8) ─── */

.anim-delay-4 { animation-delay: calc(var(--stagger-delay, 80ms) * 4); }
.anim-delay-5 { animation-delay: calc(var(--stagger-delay, 80ms) * 5); }
.anim-delay-6 { animation-delay: calc(var(--stagger-delay, 80ms) * 6); }
.anim-delay-7 { animation-delay: calc(var(--stagger-delay, 80ms) * 7); }
.anim-delay-8 { animation-delay: calc(var(--stagger-delay, 80ms) * 8); }