:root {
  --ty-timeline-dot-bg: var(--ty-color-bg-container);
  --ty-timeline-color: var(--ty-color-text-secondary);
  --ty-timeline-font-size: var(--ty-font-size-base);
  --ty-timeline-item-font-size: 14px;
  --ty-timeline-item-padding-bottom: 20px;
  --ty-timeline-head-bg: var(--ty-color-bg-container);
  --ty-timeline-line-color: var(--ty-color-border-secondary);
  --ty-timeline-head-color: var(--ty-color-primary);
  --ty-timeline-dot-size: 10px;
  --ty-timeline-dot-border-width: 2px;
  --ty-timeline-dot-border-color: var(--ty-color-primary);
  --ty-timeline-content-offset: 25px;
}

[data-tiny-theme='dark'] {
  --ty-timeline-dot-bg: #1f1f1f;
  --ty-timeline-color: var(--ty-color-text-secondary);
  --ty-timeline-font-size: var(--ty-font-size-base);
  --ty-timeline-item-font-size: 14px;
  --ty-timeline-item-padding-bottom: 20px;
  --ty-timeline-head-bg: #1f1f1f;
  --ty-timeline-line-color: #363636;
  --ty-timeline-head-color: var(--ty-color-primary);
  --ty-timeline-dot-size: 10px;
  --ty-timeline-dot-border-width: 2px;
  --ty-timeline-dot-border-color: var(--ty-color-primary);
  --ty-timeline-content-offset: 25px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-timeline-dot-bg: #1f1f1f;
  --ty-timeline-color: var(--ty-color-text-secondary);
  --ty-timeline-font-size: var(--ty-font-size-base);
  --ty-timeline-item-font-size: 14px;
  --ty-timeline-item-padding-bottom: 20px;
  --ty-timeline-head-bg: #1f1f1f;
  --ty-timeline-line-color: #363636;
  --ty-timeline-head-color: var(--ty-color-primary);
  --ty-timeline-dot-size: 10px;
  --ty-timeline-dot-border-width: 2px;
  --ty-timeline-dot-border-color: var(--ty-color-primary);
  --ty-timeline-content-offset: 25px;
}
}