/* Shared native dropdown palette.
   color-scheme is essential here: it tells Chromium/WebView to render the
   operating-system option popup in Fae's dark theme as well as the field. */
:where(select) {
  color-scheme: dark;
  accent-color: #8b5cf6;
}

:where(select option, select optgroup) {
  color-scheme: dark;
  background-color: #151824;
  color: #f5f7ff;
}

:where(select option:checked) {
  background: linear-gradient(#6d3be8, #6d3be8);
  color: #ffffff;
}

:where(select option:disabled) {
  color: #737b90;
}

:where(select:focus-visible) {
  outline: none;
  border-color: rgba(45, 212, 191, 0.78);
  box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.14);
}

@media (forced-colors: active) {
  :where(select) {
    forced-color-adjust: auto;
  }
}