From f9c78a5263cef08e702201ac18a673da66d89932 Mon Sep 17 00:00:00 2001
From: earlman <earl.mangulabnan@gmail.com>
Date: Sun, 4 Apr 2021 13:18:33 -0500
Subject: [PATCH] use variables for fonts

---
 css/main.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/css/main.css b/css/main.css
index 26de7bb8..1e2d3deb 100644
--- a/css/main.css
+++ b/css/main.css
@@ -2,6 +2,8 @@
   --color-text: #fff;
   --color-background: black;
   --base: 20px;
+  --font-primary: "Roboto Condensed";
+  --font-secondary: "Roboto";
 }
 
 html {
@@ -23,7 +25,7 @@ body {
   width: calc(100% - 120px);
   background: var(--color-background);
   color: var(--color-text);
-  font-family: "Roboto Condensed", sans-serif;
+  font-family: var(--font-primary), sans-serif;
   font-weight: 400;
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
@@ -75,22 +77,22 @@ body {
 }
 
 .thin {
-  font-family: Roboto, sans-serif;
+  font-family: var(--font-secondary), sans-serif;
   font-weight: 100;
 }
 
 .light {
-  font-family: "Roboto Condensed", sans-serif;
+  font-family: var(--font-primary), sans-serif;
   font-weight: 300;
 }
 
 .regular {
-  font-family: "Roboto Condensed", sans-serif;
+  font-family: var(--font-primary), sans-serif;
   font-weight: 400;
 }
 
 .bold {
-  font-family: "Roboto Condensed", sans-serif;
+  font-family: var(--font-primary), sans-serif;
   font-weight: 700;
 }
 
@@ -105,7 +107,7 @@ body {
 header {
   text-transform: uppercase;
   font-size: 15px;
-  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
+  font-family: var(--font-primary), Arial, Helvetica, sans-serif;
   font-weight: 400;
   border-bottom: 1px solid #666;
   line-height: 15px;