:root {
  --ty-anchor-ball-bg: var(--ty-color-bg-container);
  --ty-anchor-bg: var(--ty-color-bg-container);
  --ty-anchor-ball-border: var(--ty-color-primary);
  --ty-anchor-link-color: var(--ty-color-text-secondary);
  --ty-anchor-link-color-active: var(--ty-color-primary);
  --ty-anchor-link-padding: 7px 0 7px 16px;
  --ty-anchor-link-title-margin-bottom: 5px;
  --ty-anchor-ink-bg: var(--ty-color-fill-tertiary);
}

[data-tiny-theme='dark'] {
  --ty-anchor-ball-bg: #1f1f1f;
  --ty-anchor-bg: #1f1f1f;
  --ty-anchor-ball-border: var(--ty-color-primary);
  --ty-anchor-link-color: var(--ty-color-text-secondary);
  --ty-anchor-link-color-active: var(--ty-color-primary);
  --ty-anchor-link-padding: 7px 0 7px 16px;
  --ty-anchor-link-title-margin-bottom: 5px;
  --ty-anchor-ink-bg: #303030;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-anchor-ball-bg: #1f1f1f;
  --ty-anchor-bg: #1f1f1f;
  --ty-anchor-ball-border: var(--ty-color-primary);
  --ty-anchor-link-color: var(--ty-color-text-secondary);
  --ty-anchor-link-color-active: var(--ty-color-primary);
  --ty-anchor-link-padding: 7px 0 7px 16px;
  --ty-anchor-link-title-margin-bottom: 5px;
  --ty-anchor-ink-bg: #303030;
}
}