usar color-scheme en vez de elegir colores

drip.css

@@ -1,14 +1,8 @@
 :root {
-  --background: white;
-  --backgroundish: #f0f0f0;
-  --foreground: #111;
+  color-scheme: dark light;
 }
 
 body {
-  background: white;
-  background: var(--background);
-  color: #111;
-  color: var(--foreground);
   font-family: sans-serif;
   max-width: 75rem;
   margin: 0 auto;
@@ -30,7 +24,7 @@ section#conexiones {
 }
 
 h2 {
-  border-bottom: var(--foreground) solid 1px;
+  border-bottom: CanvasText solid 1px;
 }
 
 img,
@@ -50,8 +44,7 @@ pre {
 
 blockquote {
   border-left: solid 3px;
-  border-color: #111;
-  border-color: var(--foreground);
+  border-color: CanvasText;
   margin: auto 0.5em;
   padding-left: 1em;
 }
@@ -68,27 +61,13 @@ li {
 }
 
 a {
-  background: #e7e7e7;
+  background: ButtonFace;
   padding: 0em 0.35em;
   border-radius: 0.4rem;
   color: inherit;
   text-decoration: inherit;
 }
 
-@media (prefers-color-scheme: dark) {
-  body {
-    --background: black;
-    --backgroundish: #111;
-    --foreground: #eee;
-  }
-  abbr {
-    color: lightgray;
-  }
-  a {
-    background: #221f2d;
-  }
-}
-
 #conexiones ul {
   list-style: none;
   padding: 0;
@@ -115,7 +94,6 @@ a {
   flex-direction: column;
   margin: 0.5rem;
   padding: 0.5rem;
-  background: var(--backgroundish);
   min-width: 10rem;
 }
 .webring .summary {