:root {
  --ty-progress-circle-trail: #e5e9f2;
  --ty-progress-font-size: 13px;
  --ty-progress-text-color: #48576a;
  --ty-progress-text-offset: 10px;
  --ty-progress-text-min-width: 40px;
  --ty-progress-inner-text-color: #fff;
  --ty-progress-inner-text-font-size: 10px;
  --ty-progress-inner-text-margin: 0 5px;
  --ty-progress-trail-bg: #e4e8f1;
  --ty-progress-stroke-color-primary: var(--ty-color-primary);
  --ty-progress-stroke-color-warning: var(--ty-color-warning);
  --ty-progress-stroke-color-info: var(--ty-color-info);
  --ty-progress-stroke-color-danger: var(--ty-color-danger);
  --ty-progress-stroke-color-success: var(--ty-color-success);
  --ty-progress-circle-text-font-size: 20px;
}

[data-tiny-theme='dark'] {
  --ty-progress-circle-trail: #363636;
  --ty-progress-font-size: 13px;
  --ty-progress-text-color: rgba(255, 255, 255, 0.65);
  --ty-progress-text-offset: 10px;
  --ty-progress-text-min-width: 40px;
  --ty-progress-inner-text-color: #fff;
  --ty-progress-inner-text-font-size: 10px;
  --ty-progress-inner-text-margin: 0 5px;
  --ty-progress-trail-bg: #363636;
  --ty-progress-stroke-color-primary: var(--ty-color-primary);
  --ty-progress-stroke-color-warning: var(--ty-color-warning);
  --ty-progress-stroke-color-info: var(--ty-color-info);
  --ty-progress-stroke-color-danger: var(--ty-color-danger);
  --ty-progress-stroke-color-success: var(--ty-color-success);
  --ty-progress-circle-text-font-size: 20px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-progress-circle-trail: #363636;
  --ty-progress-font-size: 13px;
  --ty-progress-text-color: rgba(255, 255, 255, 0.65);
  --ty-progress-text-offset: 10px;
  --ty-progress-text-min-width: 40px;
  --ty-progress-inner-text-color: #fff;
  --ty-progress-inner-text-font-size: 10px;
  --ty-progress-inner-text-margin: 0 5px;
  --ty-progress-trail-bg: #363636;
  --ty-progress-stroke-color-primary: var(--ty-color-primary);
  --ty-progress-stroke-color-warning: var(--ty-color-warning);
  --ty-progress-stroke-color-info: var(--ty-color-info);
  --ty-progress-stroke-color-danger: var(--ty-color-danger);
  --ty-progress-stroke-color-success: var(--ty-color-success);
  --ty-progress-circle-text-font-size: 20px;
}
}