:root {
  --ty-skeleton-bg: #f2f2f2;
  --ty-skeleton-height: 1em;
  --ty-skeleton-row-gap: 10px;
  --ty-skeleton-radius-round: 999px;
  --ty-skeleton-block-gap: 8px;
  --ty-skeleton-shimmer: linear-gradient(to right, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  --ty-skeleton-animation-duration: 1.5s;
}

[data-tiny-theme='dark'] {
  --ty-skeleton-bg: #303030;
  --ty-skeleton-height: 1em;
  --ty-skeleton-row-gap: 10px;
  --ty-skeleton-radius-round: 999px;
  --ty-skeleton-block-gap: 8px;
  --ty-skeleton-shimmer: linear-gradient(to right, #303030 25%, #3a3a3a 37%, #303030 63%);
  --ty-skeleton-animation-duration: 1.5s;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-skeleton-bg: #303030;
  --ty-skeleton-height: 1em;
  --ty-skeleton-row-gap: 10px;
  --ty-skeleton-radius-round: 999px;
  --ty-skeleton-block-gap: 8px;
  --ty-skeleton-shimmer: linear-gradient(to right, #303030 25%, #3a3a3a 37%, #303030 63%);
  --ty-skeleton-animation-duration: 1.5s;
}
}