/* Keep the global search panel coherent with the Alloy-inspired dark theme. */
:root[data-kc-theme="dark"] .global-search-panel {
  background: #202224;
  border-bottom-color: #383a3d;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .38);
}

:root[data-kc-theme="dark"] .global-search-field {
  background: #202224;
  border-color: #45484c;
  color: #e7e8ea;
}

:root[data-kc-theme="dark"] .global-search-field:focus-within {
  border-color: #3295d2;
  box-shadow: 0 0 0 2px rgba(50, 149, 210, .18);
}

:root[data-kc-theme="dark"] .global-search-field svg {
  stroke: #b7bdc4;
}

:root[data-kc-theme="dark"] .global-search-field input {
  background: transparent;
  color: #e7e8ea;
  caret-color: #75bdea;
}

:root[data-kc-theme="dark"] .global-search-field input::placeholder {
  color: #9299a1;
}

:root[data-kc-theme="dark"] .global-search-scope-label {
  border-bottom-color: #62666b;
}

:root[data-kc-theme="dark"] .global-search-scope-label select {
  color: #d7dade;
  color-scheme: dark;
}

:root[data-kc-theme="dark"] .global-search-scope-label > svg,
:root[data-kc-theme="dark"] .global-search-options-toggle,
:root[data-kc-theme="dark"] .global-search-options-caret {
  color: #b7bdc4;
  stroke: #b7bdc4;
}

:root[data-kc-theme="dark"] .global-search-options-toggle:hover,
:root[data-kc-theme="dark"] .global-search-options-caret:hover {
  background: rgba(255, 255, 255, .08);
}

:root[data-kc-theme="dark"] .global-search-options {
  background: #26282a;
  border-color: #45484c;
  color: #e0e2e5;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .4);
}

:root[data-kc-theme="dark"] .global-search-options p {
  color: #a3a6aa;
}