/* -------------------------------------------------------- */
/* 🔹 Skeleton Text                                         */
/* -------------------------------------------------------- */
/* Gray placeholder with shimmer animation                  */
/* Mirrors skeleton_text.dart                               */

.skeleton-text {
  display: inline-block;
  background-color: var(--color-on-surface-variant);
  opacity: 0.1;
  border-radius: 3px;
  color: transparent;
  user-select: none;
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}


/* -------------------------------------------------------- */
/* 🔹 Shimmer animation                                     */
/* -------------------------------------------------------- */

@keyframes skeleton-pulse {
  0%, 100% { opacity: 0.1; }
  50% { opacity: 0.06; }
}