:root {
  --ty-native-select-bg: var(--ty-color-bg-container);
  --ty-native-select-color: var(--ty-color-text);
  --ty-native-select-border: var(--ty-color-border);
  --ty-native-select-radius: var(--ty-border-radius);
  --ty-native-select-border-hover: var(--ty-color-primary);
  --ty-native-select-border-focus: var(--ty-color-primary);
  --ty-native-select-shadow-focus: var(--ty-shadow-focus);
  --ty-native-select-disabled-bg: #ddd;
  --ty-native-select-disabled-color: #a5a5a5;
  --ty-native-select-opacity-disabled: 0.75;
  --ty-native-select-lg-padding: 9px 25px 9px 7px;
  --ty-native-select-md-padding: 6px 25px 6px 7px;
  --ty-native-select-sm-padding: 3px 25px 3px 7px;
  --ty-native-select-font-size-sm: var(--ty-font-size-sm);
  --ty-native-select-font-size-md: var(--ty-font-size-base);
  --ty-native-select-font-size-lg: var(--ty-font-size-lg);
}

[data-tiny-theme='dark'] {
  --ty-native-select-bg: #1f1f1f;
  --ty-native-select-color: var(--ty-color-text);
  --ty-native-select-border: var(--ty-color-border);
  --ty-native-select-radius: var(--ty-border-radius);
  --ty-native-select-border-hover: var(--ty-color-primary);
  --ty-native-select-border-focus: var(--ty-color-primary);
  --ty-native-select-shadow-focus: var(--ty-shadow-focus);
  --ty-native-select-disabled-bg: #2a2a2a;
  --ty-native-select-disabled-color: rgba(255, 255, 255, 0.25);
  --ty-native-select-opacity-disabled: 0.75;
  --ty-native-select-lg-padding: 9px 25px 9px 7px;
  --ty-native-select-md-padding: 6px 25px 6px 7px;
  --ty-native-select-sm-padding: 3px 25px 3px 7px;
  --ty-native-select-font-size-sm: var(--ty-font-size-sm);
  --ty-native-select-font-size-md: var(--ty-font-size-base);
  --ty-native-select-font-size-lg: var(--ty-font-size-lg);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-native-select-bg: #1f1f1f;
  --ty-native-select-color: var(--ty-color-text);
  --ty-native-select-border: var(--ty-color-border);
  --ty-native-select-radius: var(--ty-border-radius);
  --ty-native-select-border-hover: var(--ty-color-primary);
  --ty-native-select-border-focus: var(--ty-color-primary);
  --ty-native-select-shadow-focus: var(--ty-shadow-focus);
  --ty-native-select-disabled-bg: #2a2a2a;
  --ty-native-select-disabled-color: rgba(255, 255, 255, 0.25);
  --ty-native-select-opacity-disabled: 0.75;
  --ty-native-select-lg-padding: 9px 25px 9px 7px;
  --ty-native-select-md-padding: 6px 25px 6px 7px;
  --ty-native-select-sm-padding: 3px 25px 3px 7px;
  --ty-native-select-font-size-sm: var(--ty-font-size-sm);
  --ty-native-select-font-size-md: var(--ty-font-size-base);
  --ty-native-select-font-size-lg: var(--ty-font-size-lg);
}
}