/* components/atoms/skeleton.css — átomo SkeletonBlock (A09). */

.cmp-skeleton {
  display: block;
  background: linear-gradient(
    90deg,
    var(--skeleton-base, #e5e7eb) 0%,
    var(--skeleton-shine, #f3f4f6) 50%,
    var(--skeleton-base, #e5e7eb) 100%
  );
  background-size: 200% 100%;
  animation: cmp-skeleton-shimmer 1.4s ease-in-out infinite;
}

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

[data-theme="dark"] .cmp-skeleton {
  --skeleton-base: #374151;
  --skeleton-shine: #4b5563;
}