/* ============================================================
   Skeleton — loading placeholder
   ============================================================ */

.skeleton {
  background-color: var(--surface-secondary);
  border-radius: var(--radius-md);
  animation: pulse 1.5s ease-in-out infinite;
}

.skeleton--text {
  height: 1em;
  margin-bottom: var(--space-2);
}

.skeleton--text-lg {
  height: 1.5em;
  margin-bottom: var(--space-3);
}

.skeleton--card {
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  min-height: 320px;
}

.skeleton--line-short {
  width: 40%;
}

.skeleton--line-medium {
  width: 70%;
}

.skeleton--line-full {
  width: 100%;
}