From ed91a5c0f0e5e78aff20b8b0c16311235b3c0d26 Mon Sep 17 00:00:00 2001
From: Aminda Suomalainen <suomalainen+git@mikaela.info>
Date: Tue, 30 Jul 2024 11:34:57 +0300
Subject: [PATCH] css: copy fonts from mikaela.github.io

---
 assets/main.scss | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

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;
 }
 
 * {