From 1afcf222d771a7cf3d94cbc099d2457a5eea9f70 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Thu, 17 Oct 2024 20:31:23 +0200
Subject: [PATCH] feat: :adhesive_bandage: use custom properties to set
 font-family

---
 src/css/style.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/css/style.css b/src/css/style.css
index 45d17af..c8499fa 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -5,7 +5,13 @@
 @tailwind utilities;
 
 :root {
-  font-family: 'Encode Sans', sans-serif;
+  --font-copy: 'Encode Sans', sans-serif;
+  --font-heading: 'Tilt Warp', sans-serif;
+  --font-monospace: 'M PLUS 1 Code', monospace;
+}
+
+body {
+  font-family: var(--font-copy);
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
@@ -17,11 +23,11 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: 'Tilt Warp', sans-serif;
-  font-optical-sizing: auto;
-  font-weight: 400;
-  font-style: normal;
-  font-variation-settings: 'XROT' 0, 'YROT' 0;
+  font-family: var(--font-heading)
+}
+
+pre, code {
+  font-family: var(--font-monospace);
 }
 
 a:not(nav a, .button) {