:root {
  --ty-list-border: #dee2e6;
  --ty-list-color: var(--ty-color-text);
  --ty-list-font-size: var(--ty-font-size-base);
  --ty-list-radius: var(--ty-border-radius);
  --ty-list-item-padding-sm: 8px 16px;
  --ty-list-item-padding-md: 12px 16px;
  --ty-list-item-padding-lg: 16px 24px;
  --ty-list-header-padding: 12px 16px;
  --ty-list-footer-padding: 12px 16px;
  --ty-list-empty-padding: 24px;
  --ty-list-empty-color: var(--ty-color-text-secondary);
  --ty-list-action-gap: 16px;
  --ty-list-action-offset: 24px;
  --ty-list-action-color: var(--ty-color-text-secondary);
  --ty-list-action-color-hover: var(--ty-color-primary);
  --ty-list-meta-avatar-gap: 12px;
  --ty-list-meta-title-color: var(--ty-color-text);
  --ty-list-meta-title-font-weight: 500;
  --ty-list-meta-title-margin-bottom: 4px;
  --ty-list-meta-description-color: var(--ty-color-text-secondary);
  --ty-list-meta-description-font-size: var(--ty-font-size-sm);
}

[data-tiny-theme='dark'] {
  --ty-list-border: #363636;
  --ty-list-color: var(--ty-color-text);
  --ty-list-font-size: var(--ty-font-size-base);
  --ty-list-radius: var(--ty-border-radius);
  --ty-list-item-padding-sm: 8px 16px;
  --ty-list-item-padding-md: 12px 16px;
  --ty-list-item-padding-lg: 16px 24px;
  --ty-list-header-padding: 12px 16px;
  --ty-list-footer-padding: 12px 16px;
  --ty-list-empty-padding: 24px;
  --ty-list-empty-color: var(--ty-color-text-secondary);
  --ty-list-action-gap: 16px;
  --ty-list-action-offset: 24px;
  --ty-list-action-color: var(--ty-color-text-secondary);
  --ty-list-action-color-hover: var(--ty-color-primary);
  --ty-list-meta-avatar-gap: 12px;
  --ty-list-meta-title-color: var(--ty-color-text);
  --ty-list-meta-title-font-weight: 500;
  --ty-list-meta-title-margin-bottom: 4px;
  --ty-list-meta-description-color: var(--ty-color-text-secondary);
  --ty-list-meta-description-font-size: var(--ty-font-size-sm);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-list-border: #363636;
  --ty-list-color: var(--ty-color-text);
  --ty-list-font-size: var(--ty-font-size-base);
  --ty-list-radius: var(--ty-border-radius);
  --ty-list-item-padding-sm: 8px 16px;
  --ty-list-item-padding-md: 12px 16px;
  --ty-list-item-padding-lg: 16px 24px;
  --ty-list-header-padding: 12px 16px;
  --ty-list-footer-padding: 12px 16px;
  --ty-list-empty-padding: 24px;
  --ty-list-empty-color: var(--ty-color-text-secondary);
  --ty-list-action-gap: 16px;
  --ty-list-action-offset: 24px;
  --ty-list-action-color: var(--ty-color-text-secondary);
  --ty-list-action-color-hover: var(--ty-color-primary);
  --ty-list-meta-avatar-gap: 12px;
  --ty-list-meta-title-color: var(--ty-color-text);
  --ty-list-meta-title-font-weight: 500;
  --ty-list-meta-title-margin-bottom: 4px;
  --ty-list-meta-description-color: var(--ty-color-text-secondary);
  --ty-list-meta-description-font-size: var(--ty-font-size-sm);
}
}