:root {
  --ty-descriptions-border: #dfe2e5;
  --ty-descriptions-label-bg: var(--ty-color-fill);
  --ty-descriptions-title-color: var(--ty-color-text);
  --ty-descriptions-title-font-size: 16px;
  --ty-descriptions-title-font-weight: 600;
  --ty-descriptions-title-margin-bottom: 20px;
  --ty-descriptions-item-colon-margin-start: 2px;
  --ty-descriptions-item-colon-margin-end: 5px;
  --ty-descriptions-label-color: var(--ty-color-text-label);
  --ty-descriptions-label-font-size: var(--ty-font-size-base);
  --ty-descriptions-label-line-height: var(--ty-line-height-base);
  --ty-descriptions-content-color: var(--ty-color-text-secondary);
  --ty-descriptions-content-font-size: var(--ty-font-size-base);
  --ty-descriptions-content-line-height: var(--ty-line-height-base);
  --ty-descriptions-radius: var(--ty-border-radius);
  --ty-descriptions-lg-padding-hr: var(--ty-height-sm);
  --ty-descriptions-lg-padding-vt: 16px;
  --ty-descriptions-md-padding-hr: var(--ty-height-sm);
  --ty-descriptions-md-padding-vt: 12px;
  --ty-descriptions-sm-padding-hr: 16px;
  --ty-descriptions-sm-padding-vt: 8px;
}

[data-tiny-theme='dark'] {
  --ty-descriptions-border: #363636;
  --ty-descriptions-label-bg: #262626;
  --ty-descriptions-title-color: var(--ty-color-text);
  --ty-descriptions-title-font-size: 16px;
  --ty-descriptions-title-font-weight: 600;
  --ty-descriptions-title-margin-bottom: 20px;
  --ty-descriptions-item-colon-margin-start: 2px;
  --ty-descriptions-item-colon-margin-end: 5px;
  --ty-descriptions-label-color: var(--ty-color-text-label);
  --ty-descriptions-label-font-size: var(--ty-font-size-base);
  --ty-descriptions-label-line-height: var(--ty-line-height-base);
  --ty-descriptions-content-color: var(--ty-color-text-secondary);
  --ty-descriptions-content-font-size: var(--ty-font-size-base);
  --ty-descriptions-content-line-height: var(--ty-line-height-base);
  --ty-descriptions-radius: var(--ty-border-radius);
  --ty-descriptions-lg-padding-hr: var(--ty-height-sm);
  --ty-descriptions-lg-padding-vt: 16px;
  --ty-descriptions-md-padding-hr: var(--ty-height-sm);
  --ty-descriptions-md-padding-vt: 12px;
  --ty-descriptions-sm-padding-hr: 16px;
  --ty-descriptions-sm-padding-vt: 8px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-descriptions-border: #363636;
  --ty-descriptions-label-bg: #262626;
  --ty-descriptions-title-color: var(--ty-color-text);
  --ty-descriptions-title-font-size: 16px;
  --ty-descriptions-title-font-weight: 600;
  --ty-descriptions-title-margin-bottom: 20px;
  --ty-descriptions-item-colon-margin-start: 2px;
  --ty-descriptions-item-colon-margin-end: 5px;
  --ty-descriptions-label-color: var(--ty-color-text-label);
  --ty-descriptions-label-font-size: var(--ty-font-size-base);
  --ty-descriptions-label-line-height: var(--ty-line-height-base);
  --ty-descriptions-content-color: var(--ty-color-text-secondary);
  --ty-descriptions-content-font-size: var(--ty-font-size-base);
  --ty-descriptions-content-line-height: var(--ty-line-height-base);
  --ty-descriptions-radius: var(--ty-border-radius);
  --ty-descriptions-lg-padding-hr: var(--ty-height-sm);
  --ty-descriptions-lg-padding-vt: 16px;
  --ty-descriptions-md-padding-hr: var(--ty-height-sm);
  --ty-descriptions-md-padding-vt: 12px;
  --ty-descriptions-sm-padding-hr: 16px;
  --ty-descriptions-sm-padding-vt: 8px;
}
}