@media (prefers-color-scheme: light) {
  :root {
    --background: #e9e2dc;
    --background-mid: #e9ddd3;
    --inverse: #0a0606;
    --inverse-mid: #644c4c;
    --inverse-light: #cfc0c0;
    --text-highlight: #0c35b4;
    --field-highlight: #f4efe5;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #131611;
    --background-mid: #282c25;
    --inverse: #e9e2dc;
    --inverse-mid: #ddd3d3;
    --inverse-light: #7b7e81;
    --text-highlight: #76b0ea;
    --field-highlight: #4a5244;
  }
}