reasonable animation system

src/styles/globals.css

@@ -51,7 +51,7 @@
 	--radius-4xl: calc(var(--radius) * 2.6);
 }
 
-:root {
+.dark {
   --radius: 0;
   --card: oklch(1 0 0);
   --card-foreground: oklch(0.141 0.005 285.823);
@@ -86,7 +86,7 @@
   --foreground: oklch(0.141 0.005 285.823);
 }
 
-.dark {
+:root {
   --background: oklch(0.141 0.005 285.823);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.21 0.006 285.885);
@@ -139,4 +139,4 @@
 * {
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
-}
+}