html[data-theme='dark'] {
  color-scheme: dark;
  background: #121b21;
}

html[data-theme='dark'] body {
  background: #121b21 !important;
  color: #f1f2ee !important;
}

html[data-theme='dark'] body *:not(img):not(svg):not(path) {
  color: #f1f2ee !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #52616a !important;
}

html[data-theme='dark'] body a,
html[data-theme='dark'] body h1,
html[data-theme='dark'] body h2,
html[data-theme='dark'] body h3 {
  color: #e4c095 !important;
}

html[data-theme='dark'] body :is(button, input, select, textarea, th, .notice, .warning, .badge) {
  background-color: #1e2a31 !important;
  color: #f1f2ee !important;
}

html[data-theme='dark'] body :is(button, input, select, textarea):focus-visible,
html[data-theme='dark'] body a:focus-visible {
  outline: 2px solid #e4c095;
  outline-offset: 2px;
}