:root {
  --ty-radio-size: 16px;
  --ty-radio-dot-size: 10px;
  --ty-radio-label-gap: 5px;
  --ty-radio-label-color: var(--ty-color-text);
  --ty-radio-bg: var(--ty-color-bg-container);
  --ty-radio-border: var(--ty-color-primary);
  --ty-radio-shadow: var(--ty-shadow-control);
  --ty-radio-border-checked: var(--ty-color-primary);
  --ty-radio-dot-bg: var(--ty-color-primary);
  --ty-radio-border-disabled: var(--ty-color-border);
  --ty-radio-dot-bg-disabled: rgba(0, 0, 0, 0.2);
  --ty-radio-label-color-disabled: var(--ty-color-text-quaternary);
}

[data-tiny-theme='dark'] {
  --ty-radio-size: 16px;
  --ty-radio-dot-size: 10px;
  --ty-radio-label-gap: 5px;
  --ty-radio-label-color: var(--ty-color-text);
  --ty-radio-bg: #1f1f1f;
  --ty-radio-border: var(--ty-color-primary);
  --ty-radio-shadow: var(--ty-shadow-control);
  --ty-radio-border-checked: var(--ty-color-primary);
  --ty-radio-dot-bg: var(--ty-color-primary);
  --ty-radio-border-disabled: #424242;
  --ty-radio-dot-bg-disabled: rgba(255, 255, 255, 0.2);
  --ty-radio-label-color-disabled: var(--ty-color-text-quaternary);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-radio-size: 16px;
  --ty-radio-dot-size: 10px;
  --ty-radio-label-gap: 5px;
  --ty-radio-label-color: var(--ty-color-text);
  --ty-radio-bg: #1f1f1f;
  --ty-radio-border: var(--ty-color-primary);
  --ty-radio-shadow: var(--ty-shadow-control);
  --ty-radio-border-checked: var(--ty-color-primary);
  --ty-radio-dot-bg: var(--ty-color-primary);
  --ty-radio-border-disabled: #424242;
  --ty-radio-dot-bg-disabled: rgba(255, 255, 255, 0.2);
  --ty-radio-label-color-disabled: var(--ty-color-text-quaternary);
}
}