:root {
  color-scheme: light;
}

:root.dark {
  color-scheme: dark;
}

input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
textarea,
select {
  background-color: #ffffff;
  color: #1a1a1a;
  caret-color: #1a1a1a;
}

:root.dark input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
:root.dark textarea,
:root.dark select {
  background-color: #0d0d10;
  color: #e8e8ea;
  caret-color: #e8e8ea;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #1a1a1a !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  caret-color: #1a1a1a;
}

:root.dark input:-webkit-autofill,
:root.dark input:-webkit-autofill:hover,
:root.dark input:-webkit-autofill:focus,
:root.dark textarea:-webkit-autofill,
:root.dark select:-webkit-autofill {
  -webkit-text-fill-color: #e8e8ea !important;
  -webkit-box-shadow: 0 0 0 1000px #0d0d10 inset !important;
  caret-color: #e8e8ea;
}