/* Match the open language menu to the selected website theme. */
:root {
  --language-menu-background: #ffffff;
  --language-menu-text: #171717;
  --language-menu-highlight: #b40909;
}
html[data-theme="cinematic"] {
  --language-menu-background: #050505;
  --language-menu-text: #f2f0eb;
}
html[data-theme="dark"] {
  --language-menu-background: #0b1724;
  --language-menu-text: #e6edf4;
  --language-menu-highlight: #236b99;
}
.lang {
  color: var(--ink) !important;
  background-color: transparent !important;
  color-scheme: light;
  opacity: 1;
}
.lang option,
.lang optgroup {
  color: var(--language-menu-text) !important;
  background-color: var(--language-menu-background) !important;
}
html[data-theme="dark"] .lang,
html[data-theme="cinematic"] .lang {
  color-scheme: dark;
}
.lang option:checked,
.lang option:hover {
  color: #ffffff !important;
  background-color: var(--language-menu-highlight) !important;
}