:root {
  --ty-popup-radius: var(--ty-border-radius);
  --ty-popup-font-size: var(--ty-font-size-base);
  --ty-popup-shadow: var(--ty-shadow-popup);
  --ty-popup-color-light: var(--ty-color-text-secondary);
  --ty-popup-color-dark: #fff;
  --ty-popup-arrow-shadow: rgba(0, 0, 0, 0.07);
  --ty-popup-dark-bg: #262626;
  --ty-popup-light-bg: var(--ty-color-bg-container);
  --ty-popup-z-index: 999;
}

[data-tiny-theme='dark'] {
  --ty-popup-radius: var(--ty-border-radius);
  --ty-popup-font-size: var(--ty-font-size-base);
  --ty-popup-shadow: var(--ty-shadow-popup);
  --ty-popup-color-light: var(--ty-color-text-secondary);
  --ty-popup-color-dark: #fff;
  --ty-popup-arrow-shadow: rgba(0, 0, 0, 0.2);
  --ty-popup-dark-bg: #363636;
  --ty-popup-light-bg: #1f1f1f;
  --ty-popup-z-index: 999;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-popup-radius: var(--ty-border-radius);
  --ty-popup-font-size: var(--ty-font-size-base);
  --ty-popup-shadow: var(--ty-shadow-popup);
  --ty-popup-color-light: var(--ty-color-text-secondary);
  --ty-popup-color-dark: #fff;
  --ty-popup-arrow-shadow: rgba(0, 0, 0, 0.2);
  --ty-popup-dark-bg: #363636;
  --ty-popup-light-bg: #1f1f1f;
  --ty-popup-z-index: 999;
}
}