I do like your alternative proposal.

For the viewers at home:

:root {

  color-scheme: light dark high-contrast;

}

body {

  background: scheme(light #eee, dark #333, high-contrast #fff);

}