/*
  Served as a static file. Do not import this from the Tailwind bundle:
  Lightning CSS reorders `only` and the auto dark theme then repaints
  #f4f0e6 as dark brown while getComputedStyle still reports the paper color.
  `only` is the opt-out, and it has to arrive in this order.
*/
:root,
:root[data-theme="light"] {
  color-scheme: only light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: only dark;
  }
}

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