:root {
  --ty-typography-body-color: var(--ty-color-text-secondary);
  --ty-typography-body-font-size: var(--ty-font-size-base);
  --ty-typography-body-line-height: 1.5;
  --ty-typography-block-margin-bottom: 1em;
  --ty-typography-heading-font-weight: 600;
  --ty-typography-heading-margin-bottom: 0.5em;
  --ty-typography-code-bg: rgba(0, 0, 0, 0.06);
  --ty-typography-code-border: rgba(0, 0, 0, 0.06);
  --ty-typography-code-radius: var(--ty-border-radius);
  --ty-typography-heading-color: var(--ty-color-text-label);
  --ty-typography-mark-bg: var(--ty-color-warning-border);
}

[data-tiny-theme='dark'] {
  --ty-typography-body-color: rgba(255, 255, 255, 0.65);
  --ty-typography-body-font-size: var(--ty-font-size-base);
  --ty-typography-body-line-height: 1.5;
  --ty-typography-block-margin-bottom: 1em;
  --ty-typography-heading-font-weight: 600;
  --ty-typography-heading-margin-bottom: 0.5em;
  --ty-typography-code-bg: rgba(255, 255, 255, 0.06);
  --ty-typography-code-border: rgba(255, 255, 255, 0.06);
  --ty-typography-code-radius: var(--ty-border-radius);
  --ty-typography-heading-color: rgba(255, 255, 255, 0.85);
  --ty-typography-mark-bg: #594214;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-typography-body-color: rgba(255, 255, 255, 0.65);
  --ty-typography-body-font-size: var(--ty-font-size-base);
  --ty-typography-body-line-height: 1.5;
  --ty-typography-block-margin-bottom: 1em;
  --ty-typography-heading-font-weight: 600;
  --ty-typography-heading-margin-bottom: 0.5em;
  --ty-typography-code-bg: rgba(255, 255, 255, 0.06);
  --ty-typography-code-border: rgba(255, 255, 255, 0.06);
  --ty-typography-code-radius: var(--ty-border-radius);
  --ty-typography-heading-color: rgba(255, 255, 255, 0.85);
  --ty-typography-mark-bg: #594214;
}
}