:root {
  --ty-popover-arrow-size: 8px;
  --ty-popover-title-padding: 9px 16px 7px;
  --ty-popover-title-font-weight: 500;
  --ty-popover-title-min-width: 177px;
  --ty-popover-title-min-height: 32px;
  --ty-popover-title-color: var(--ty-color-text);
  --ty-popover-title-color-dark: #fff;
  --ty-popover-title-border: var(--ty-color-border-secondary);
  --ty-popover-dark-border: #4a4a4a;
  --ty-popover-content-padding: 12px 15px;
  --ty-popover-content-color: var(--ty-color-text-secondary);
  --ty-popover-content-color-dark: #fff;
}

[data-tiny-theme='dark'] {
  --ty-popover-arrow-size: 8px;
  --ty-popover-title-padding: 9px 16px 7px;
  --ty-popover-title-font-weight: 500;
  --ty-popover-title-min-width: 177px;
  --ty-popover-title-min-height: 32px;
  --ty-popover-title-color: var(--ty-color-text);
  --ty-popover-title-color-dark: #fff;
  --ty-popover-title-border: var(--ty-color-border-secondary);
  --ty-popover-dark-border: #525252;
  --ty-popover-content-padding: 12px 15px;
  --ty-popover-content-color: var(--ty-color-text-secondary);
  --ty-popover-content-color-dark: #fff;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-popover-arrow-size: 8px;
  --ty-popover-title-padding: 9px 16px 7px;
  --ty-popover-title-font-weight: 500;
  --ty-popover-title-min-width: 177px;
  --ty-popover-title-min-height: 32px;
  --ty-popover-title-color: var(--ty-color-text);
  --ty-popover-title-color-dark: #fff;
  --ty-popover-title-border: var(--ty-color-border-secondary);
  --ty-popover-dark-border: #525252;
  --ty-popover-content-padding: 12px 15px;
  --ty-popover-content-color: var(--ty-color-text-secondary);
  --ty-popover-content-color-dark: #fff;
}
}