/* ── Skeleton Loading — shimmer animation via design tokens ─────────────────
   Dark mode works automatically: --bg-sunken / --bg-surface are already
   overridden in [data-theme="dark"] inside tokens.css.
────────────────────────────────────────────────────────────────────────── */

@keyframes shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position:  200% 0; }
}

.skel {
  display: block;
  background: linear-gradient(
    90deg,
    var(--bg-sunken)  25%,
    var(--bg-surface) 50%,
    var(--bg-sunken)  75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
  border-radius: var(--radius-sm);
}