adds dark mode

assets/css/styles.css

@@ -1,6 +1,9 @@
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
 
+/* allows for toggling dark mode */
+@custom-variant dark (&:where(.dark, .dark *));
+
 /* Add safelist for all color variations */
 /* Wompum.js constructs class names dynamically and tailwind misses them */
 @source inline("{bg,text,border}-{blue,clay,cyan,gold,moss,pine,pink,red,rust,sand}-{100,500,900}");
@@ -41,7 +44,7 @@
 }
 
 body {
-  @apply antialiased bg-sand-100/50;
+  @apply antialiased bg-sand-100/50 dark:bg-gray-950 dark:text-gray-200 transition-colors duration-200;
 }
 
 @import "components/wompum.css";