From 1dcd0705b5c5e757ff6f4d72df07631d19542a48 Mon Sep 17 00:00:00 2001
From: Antonio De Lucreziis <antonio.delucreziis@gmail.com>
Date: Wed, 27 Nov 2024 22:37:51 +0100
Subject: [PATCH] chore: more fonts refactoring

---
 src/styles/components.scss |  2 +-
 src/styles/controls.scss   |  2 +-
 src/styles/main.scss       | 13 +++++++------
 src/styles/pages.scss      |  2 +-
 src/styles/typography.scss |  2 +-
 5 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/styles/components.scss b/src/styles/components.scss
index d3dbccd..42faa0b 100644
--- a/src/styles/components.scss
+++ b/src/styles/components.scss
@@ -29,7 +29,7 @@
     }
 
     .title {
-        font-family: 'Iosevka', monospace;
+        font-family: var(--font-display);
         font-weight: 700;
         font-size: 28px;
     }
diff --git a/src/styles/controls.scss b/src/styles/controls.scss
index 8c90524..18ccc38 100644
--- a/src/styles/controls.scss
+++ b/src/styles/controls.scss
@@ -35,7 +35,7 @@
             text-decoration: none;
             color: #222;
 
-            font-family: var(--font-control);
+            font-family: var(--font-secondary);
             font-weight: 600;
 
             cursor: pointer;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 8ed51eb..ed95dd4 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -17,10 +17,10 @@ $screen-desktop-min: 1024px;
 
     --project-card-bg: #a2d4f3;
 
-    --font-base: 'Open Sans', sans-serif;
-    --font-title: 'Iosevka', monospace;
-    --font-code: 'Source Code Pro', monospace;
-    --font-control: 'Source Sans Pro', sans-serif;
+    --font-primary: 'Open Sans', sans-serif;
+    --font-display: 'Iosevka', monospace;
+    --font-mono: 'Source Code Pro', monospace;
+    --font-secondary: 'Source Sans Pro', sans-serif;
 }
 
 @layer common, typography, component, page;
@@ -46,7 +46,7 @@ $screen-desktop-min: 1024px;
         min-height: 100%;
         margin: 0;
 
-        font-family: var(--font-base);
+        font-family: var(--font-primary);
         font-size: 18px;
         color: #222;
     }
@@ -117,7 +117,7 @@ body {
             padding: 0 1.5rem;
 
             a {
-                font-family: var(--font-title);
+                font-family: var(--font-display);
                 font-size: 18px;
                 font-weight: 500;
                 letter-spacing: 1px;
@@ -225,6 +225,7 @@ body {
         display: grid;
         place-content: center;
 
+        font-family: var(--font-secondary);
         font-size: 18px;
 
         scroll-snap-align: end;
diff --git a/src/styles/pages.scss b/src/styles/pages.scss
index 7b8512b..aae8fe1 100644
--- a/src/styles/pages.scss
+++ b/src/styles/pages.scss
@@ -763,7 +763,7 @@
                 background: #eee;
                 color: #000;
 
-                font-family: var(--font-title);
+                font-family: var(--font-display);
                 font-size: 14px;
 
                 border-radius: 0.25rem;
diff --git a/src/styles/typography.scss b/src/styles/typography.scss
index b10be35..1a9cb39 100644
--- a/src/styles/typography.scss
+++ b/src/styles/typography.scss
@@ -19,7 +19,7 @@
 
         h#{$i} {
             font-size: $base-font-size * $factor;
-            font-family: var(--font-title);
+            font-family: var(--font-display);
             font-weight: 700;
             margin-bottom: 0.25rem;
         }