:root[data-theme='light'] {
  color-scheme: light;
}

:root[data-theme='dark'] {
  color-scheme: dark;
}

:root[data-theme='dark'] body {
  background-color: #303236;
  color: #e4e4e7;
}

.theme-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  border: 0;
  padding: 0;
  margin: 0 0 12px;
  font: 14px Verdana, Helvetica, Arial, sans-serif;
}

.theme-switch legend {
  float: left;
  padding: 0 12px 0 0;
}

.theme-switch label {
  min-width: 0;
  white-space: nowrap;
  cursor: pointer;
}

header .theme-switch {
  margin: 0;
}