/*
 * paw-pulse.css — secondary loader (design/SPEC.md Sec 4.5).
 * A small Merlot paw-print pulsing in place: a 3-frame CSS keyframe,
 * no image sequence. Pair with:
 *   <svg class="paw-loader" width="28" height="28" aria-hidden="true">
 *     <use href="../ui/ui-sprite.svg#icon-paw-ok"/>
 *   </svg>
 * `color` inherits from context, or set one explicitly (e.g. coral while
 * pending, navy on a light panel).
 */
.paw-loader {
  display: inline-block;
  color: var(--color-coral, #FF7B54);
  animation: pawPulse 1.1s var(--ease-standard, ease) infinite;
}

@keyframes pawPulse {
  0% { transform: scale(0.72); opacity: 0.5; }
  50% { transform: scale(1.14); opacity: 1; }
  100% { transform: scale(0.72); opacity: 0.5; }
}

@media (prefers-reduced-motion: reduce) {
  .paw-loader { animation: none; opacity: 0.85; }
}