:root {
  --ty-tour-arrow-size: 8px;
  --ty-tour-panel-radius: var(--ty-border-radius);
  --ty-tour-panel-shadow: var(--ty-shadow-modal);
  --ty-tour-panel-max-width: 360px;
  --ty-tour-panel-min-width: 260px;
  --ty-tour-panel-bg-default: var(--ty-popup-light-bg);
  --ty-tour-panel-color-default: var(--ty-color-text);
  --ty-tour-panel-bg-primary: var(--ty-color-primary);
  --ty-tour-panel-color-primary: #fff;
  --ty-tour-description-color-default: var(--ty-color-text-secondary);
  --ty-tour-description-color-primary: rgb(255 255 255 / 85%);
  --ty-tour-indicator-bg-default: var(--ty-color-text-quaternary);
  --ty-tour-indicator-bg-primary: rgb(255 255 255 / 35%);
  --ty-tour-indicator-bg-active-default: var(--ty-color-primary);
  --ty-tour-indicator-bg-active-primary: #fff;
  --ty-tour-close-color: var(--ty-color-text-tertiary);
  --ty-tour-close-color-primary: rgb(255 255 255 / 65%);
  --ty-tour-close-color-hover-primary: #fff;
  --ty-tour-close-bg-hover: var(--ty-color-fill-secondary);
  --ty-tour-close-bg-hover-primary: rgb(255 255 255 / 15%);
  --ty-tour-close-offset: 8px;
  --ty-tour-close-size: 28px;
  --ty-tour-close-radius: 4px;
  --ty-tour-close-font-size: 12px;
  --ty-tour-cover-padding: 12px 16px 0;
  --ty-tour-title-padding: 12px 16px 4px;
  --ty-tour-title-font-weight: 600;
  --ty-tour-title-font-size: var(--ty-font-size-lg);
  --ty-tour-title-line-height: 1.5;
  --ty-tour-description-padding: 0 16px 12px;
  --ty-tour-description-font-size: var(--ty-font-size-base);
  --ty-tour-description-line-height: 1.5;
  --ty-tour-footer-padding: 0 16px 12px;
  --ty-tour-indicators-gap: 4px;
  --ty-tour-indicator-size: 6px;
  --ty-tour-indicator-transition-duration: 200ms;
  --ty-tour-actions-gap: 8px;
  --ty-tour-zoom-scale-from: 0.9;
  --ty-tour-zoom-duration: 200ms;
}

[data-tiny-theme='dark'] {
  --ty-tour-arrow-size: 8px;
  --ty-tour-panel-radius: var(--ty-border-radius);
  --ty-tour-panel-shadow: var(--ty-shadow-modal);
  --ty-tour-panel-max-width: 360px;
  --ty-tour-panel-min-width: 260px;
  --ty-tour-panel-bg-default: var(--ty-popup-light-bg);
  --ty-tour-panel-color-default: var(--ty-color-text);
  --ty-tour-panel-bg-primary: var(--ty-color-primary);
  --ty-tour-panel-color-primary: #fff;
  --ty-tour-description-color-default: var(--ty-color-text-secondary);
  --ty-tour-description-color-primary: rgb(255 255 255 / 85%);
  --ty-tour-indicator-bg-default: var(--ty-color-text-quaternary);
  --ty-tour-indicator-bg-primary: rgb(255 255 255 / 35%);
  --ty-tour-indicator-bg-active-default: var(--ty-color-primary);
  --ty-tour-indicator-bg-active-primary: #fff;
  --ty-tour-close-color: var(--ty-color-text-tertiary);
  --ty-tour-close-color-primary: rgb(255 255 255 / 65%);
  --ty-tour-close-color-hover-primary: #fff;
  --ty-tour-close-bg-hover: var(--ty-color-fill-secondary);
  --ty-tour-close-bg-hover-primary: rgb(255 255 255 / 15%);
  --ty-tour-close-offset: 8px;
  --ty-tour-close-size: 28px;
  --ty-tour-close-radius: 4px;
  --ty-tour-close-font-size: 12px;
  --ty-tour-cover-padding: 12px 16px 0;
  --ty-tour-title-padding: 12px 16px 4px;
  --ty-tour-title-font-weight: 600;
  --ty-tour-title-font-size: var(--ty-font-size-lg);
  --ty-tour-title-line-height: 1.5;
  --ty-tour-description-padding: 0 16px 12px;
  --ty-tour-description-font-size: var(--ty-font-size-base);
  --ty-tour-description-line-height: 1.5;
  --ty-tour-footer-padding: 0 16px 12px;
  --ty-tour-indicators-gap: 4px;
  --ty-tour-indicator-size: 6px;
  --ty-tour-indicator-transition-duration: 200ms;
  --ty-tour-actions-gap: 8px;
  --ty-tour-zoom-scale-from: 0.9;
  --ty-tour-zoom-duration: 200ms;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-tour-arrow-size: 8px;
  --ty-tour-panel-radius: var(--ty-border-radius);
  --ty-tour-panel-shadow: var(--ty-shadow-modal);
  --ty-tour-panel-max-width: 360px;
  --ty-tour-panel-min-width: 260px;
  --ty-tour-panel-bg-default: var(--ty-popup-light-bg);
  --ty-tour-panel-color-default: var(--ty-color-text);
  --ty-tour-panel-bg-primary: var(--ty-color-primary);
  --ty-tour-panel-color-primary: #fff;
  --ty-tour-description-color-default: var(--ty-color-text-secondary);
  --ty-tour-description-color-primary: rgb(255 255 255 / 85%);
  --ty-tour-indicator-bg-default: var(--ty-color-text-quaternary);
  --ty-tour-indicator-bg-primary: rgb(255 255 255 / 35%);
  --ty-tour-indicator-bg-active-default: var(--ty-color-primary);
  --ty-tour-indicator-bg-active-primary: #fff;
  --ty-tour-close-color: var(--ty-color-text-tertiary);
  --ty-tour-close-color-primary: rgb(255 255 255 / 65%);
  --ty-tour-close-color-hover-primary: #fff;
  --ty-tour-close-bg-hover: var(--ty-color-fill-secondary);
  --ty-tour-close-bg-hover-primary: rgb(255 255 255 / 15%);
  --ty-tour-close-offset: 8px;
  --ty-tour-close-size: 28px;
  --ty-tour-close-radius: 4px;
  --ty-tour-close-font-size: 12px;
  --ty-tour-cover-padding: 12px 16px 0;
  --ty-tour-title-padding: 12px 16px 4px;
  --ty-tour-title-font-weight: 600;
  --ty-tour-title-font-size: var(--ty-font-size-lg);
  --ty-tour-title-line-height: 1.5;
  --ty-tour-description-padding: 0 16px 12px;
  --ty-tour-description-font-size: var(--ty-font-size-base);
  --ty-tour-description-line-height: 1.5;
  --ty-tour-footer-padding: 0 16px 12px;
  --ty-tour-indicators-gap: 4px;
  --ty-tour-indicator-size: 6px;
  --ty-tour-indicator-transition-duration: 200ms;
  --ty-tour-actions-gap: 8px;
  --ty-tour-zoom-scale-from: 0.9;
  --ty-tour-zoom-duration: 200ms;
}
}