From a9da19a3f51686c481cd37c72e5a4d7a7ffe3f0e Mon Sep 17 00:00:00 2001
From: Christian Galo <cgalo@pm.me>
Date: Mon, 5 May 2025 03:25:04 -0500
Subject: [PATCH] Add support for reduced motion preferences and clean up CSS
 structure

---
 themes/wikidarity/assets/css/main.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/themes/wikidarity/assets/css/main.css b/themes/wikidarity/assets/css/main.css
index 1af6ed2..7bd7a1c 100644
--- a/themes/wikidarity/assets/css/main.css
+++ b/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 {
@@ -253,7 +255,7 @@ header {
       outline-offset: 2px;
       text-decoration: underline;
       text-decoration-color: oklch(0.205 0 0);
-    } 
+    }
 
     a:active,
     a:link:active,