:root {
  --ty-message-bg: var(--ty-color-bg-container);
  --ty-message-radius: 4px;
  --ty-message-padding: 10px 16px;
  --ty-message-shadow: var(--ty-shadow-modal);
  --ty-message-font-size: var(--ty-font-size-base);
  --ty-message-content-color: var(--ty-color-text-secondary);
  --ty-message-content-line-height: 14px;
  --ty-message-icon-gap: 5px;
  --ty-message-extra-gap: 15px;
  --ty-message-transition-duration: 300ms;
  --ty-message-offset-y-enter: -5px;
  --ty-message-z-index: 999;
}

[data-tiny-theme='dark'] {
  --ty-message-bg: #1f1f1f;
  --ty-message-radius: 4px;
  --ty-message-padding: 10px 16px;
  --ty-message-shadow: var(--ty-shadow-modal);
  --ty-message-font-size: var(--ty-font-size-base);
  --ty-message-content-color: var(--ty-color-text-secondary);
  --ty-message-content-line-height: 14px;
  --ty-message-icon-gap: 5px;
  --ty-message-extra-gap: 15px;
  --ty-message-transition-duration: 300ms;
  --ty-message-offset-y-enter: -5px;
  --ty-message-z-index: 999;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-message-bg: #1f1f1f;
  --ty-message-radius: 4px;
  --ty-message-padding: 10px 16px;
  --ty-message-shadow: var(--ty-shadow-modal);
  --ty-message-font-size: var(--ty-font-size-base);
  --ty-message-content-color: var(--ty-color-text-secondary);
  --ty-message-content-line-height: 14px;
  --ty-message-icon-gap: 5px;
  --ty-message-extra-gap: 15px;
  --ty-message-transition-duration: 300ms;
  --ty-message-offset-y-enter: -5px;
  --ty-message-z-index: 999;
}
}