@keyframes siFadeText {
  from { color: transparent; }
  to   { color: var(--fade-to, currentColor); }
}

/* Shortcode-Output + Fallback-Klasse */
.si-ft,
.fade-text {
  color: transparent;
  animation: siFadeText var(--fade-duration, 1s) ease forwards;
  animation-delay: var(--fade-delay, 0s);
  animation-play-state: paused; /* Start erst, wenn .run gesetzt wird */
}

.si-ft.run,
.fade-text.run {
  animation-play-state: running;
}

/* Barrierefreiheit: reduzierte Bewegung -> sofort Zielzustand */
@media (prefers-reduced-motion: reduce) {
  .si-ft,
  .fade-text {
    animation: none !important;
    color: var(--fade-to, currentColor) !important;
  }
}