.pf-lit-swap {
  --pf-dur: 4s;
  --pf-delay: 0s;
  --pf-on-bg: #1a1a2e;
  --pf-on-fg: #ffd24d;
  --pf-off-bg: #dbe8f7;
  --pf-off-fg: #1a1a2e;
  --pf-off-opacity: 0.6;
  color: var(--pf-on-fg);
  background: var(--pf-on-bg);
}
.pf-lit-swap.is-on { animation: pf-lit-swap var(--pf-dur) steps(1, end) var(--pf-delay) infinite; }
@keyframes pf-lit-swap {
  0%   { color: var(--pf-on-fg); background: var(--pf-on-bg); opacity: 1; }
  50%  { color: var(--pf-off-fg); background: var(--pf-off-bg); opacity: var(--pf-off-opacity); }
}
@media (prefers-reduced-motion: reduce) {
  .pf-lit-swap, .pf-lit-swap.is-on { animation: none; }
}