diff --git a/assets/main.scss b/assets/main.scss
index 0630b91..cd92253 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -4,20 +4,22 @@
 
 @charset "utf-8";
 
-// Our variables
-$serif-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman",
-  serif, emoji;
-$sans-serif-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial",
-  sans-serif;
-$monospace-font-family: ui-monospace, "Liberation Mono", Cousine,
-  "Courier New", monospace, emoji;
-// Must be in the end or undefined error.
-$base-font-family: $serif-font-family;
+// Our font definitions. I know system-ui is generally sans-serif, but I
+// consider that lesser evil than not letting the client OS choose its
+// preferred font.
+$serif-font-family: ui-serif, system-ui, serif, "Noto Emoji",
+  "Noto Color Emoji", emoji;
+$sans-serif-font-family: ui-sans-serif, system-ui, sans-serif, "Noto Emoji",
+  "Noto Color Emoji", emoji;
+$monospace-font-family: ui-monospace, monospace, "Noto Emoji",
+  "Noto Color Emoji", emoji;
+// Must be in the end under threat of undefined variable error.
+$base-font-family: $sans-serif-font-family;
 
 @import "{{ site.theme }}";
 
 :root {
-  color-scheme: dark light !important;
+  color-scheme: light dark !important;
 }
 
 * {