:root {
  --ty-result-content-bg: var(--ty-color-fill);
  --ty-result-padding: 48px 32px;
  --ty-result-icon-margin-bottom: 24px;
  --ty-result-title-color: var(--ty-color-text);
  --ty-result-title-font-size: 24px;
  --ty-result-title-line-height: 1.8;
  --ty-result-subtitle-color: var(--ty-color-text-tertiary);
  --ty-result-subtitle-font-size: 14px;
  --ty-result-subtitle-line-height: 1.6;
  --ty-result-extra-margin-top: 32px;
  --ty-result-content-margin-top: 24px;
  --ty-result-content-margin-inline: 30px;
  --ty-result-content-padding: 24px 40px;
}

[data-tiny-theme='dark'] {
  --ty-result-content-bg: #262626;
  --ty-result-padding: 48px 32px;
  --ty-result-icon-margin-bottom: 24px;
  --ty-result-title-color: var(--ty-color-text);
  --ty-result-title-font-size: 24px;
  --ty-result-title-line-height: 1.8;
  --ty-result-subtitle-color: var(--ty-color-text-tertiary);
  --ty-result-subtitle-font-size: 14px;
  --ty-result-subtitle-line-height: 1.6;
  --ty-result-extra-margin-top: 32px;
  --ty-result-content-margin-top: 24px;
  --ty-result-content-margin-inline: 30px;
  --ty-result-content-padding: 24px 40px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-result-content-bg: #262626;
  --ty-result-padding: 48px 32px;
  --ty-result-icon-margin-bottom: 24px;
  --ty-result-title-color: var(--ty-color-text);
  --ty-result-title-font-size: 24px;
  --ty-result-title-line-height: 1.8;
  --ty-result-subtitle-color: var(--ty-color-text-tertiary);
  --ty-result-subtitle-font-size: 14px;
  --ty-result-subtitle-line-height: 1.6;
  --ty-result-extra-margin-top: 32px;
  --ty-result-content-margin-top: 24px;
  --ty-result-content-margin-inline: 30px;
  --ty-result-content-padding: 24px 40px;
}
}