squash!

Source/Stylesheet/Global.css

@@ -9,17 +9,51 @@ body {
 }
 
 body {
-	@apply flex
+	@apply dark:bg-black
+		flex
 		flex-grow
 		flex-col
+		bg-white
+		tabular-nums
+		text-black
 		antialiased
 		sm:subpixel-antialiased
-		dark:bg-black
 		dark:text-white;
+
+	font-variant-ligatures: no-common-ligatures;
+
+	--swup-overlay-theme-color: white;
+	--swup-overlay-theme-duration: 0.2s;
+	--swup-overlay-theme-delay: 0s;
+	--swup-overlay-theme-scale: 1.2;
+	--swup-overlay-theme-skew: 0deg;
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		--swup-overlay-theme-color: black;
+	}
+}
+
+*::selection,
+::selection {
+	text-shadow: none;
+
+	@apply bg-amber-400
+		text-black;
+}
+
+@media (prefers-color-scheme: dark) {
+	*::selection,
+	::selection {
+		@apply bg-orange-400
+			text-white;
+	}
 }
 
 img {
 	@apply inline-block
 		select-none
+		align-top
 		outline-none;
 }