Add support for reduced motion preferences and clean up CSS structure

themes/wikidarity/assets/css/main.css

@@ -13,6 +13,12 @@
   margin: 0;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
 body {
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
@@ -23,11 +29,6 @@ picture,
 video,
 canvas,
 svg {
-  :root {
-    /* Consider dark mode implementation later */
-    color-scheme: light;
-  }
-
   display: block;
   max-width: 100%;
 }
@@ -236,6 +237,7 @@ header {
     }
 
     @media (hover: hover) {
+
       a:hover,
       a:link:hover,
       a:visited:hover {