From 66937bbf6e6b191ecd2cb87b270910ac0f5dadda Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>
Date: Thu, 2 May 2024 01:09:24 +0200
Subject: Update font styles and accent colors in CSS files

---
 assets/css/partials/_article.scss | 10 +++++-----
 assets/css/partials/_footer.scss  |  6 +++---
 assets/css/partials/_header.scss  | 16 ++++++++--------
 3 files changed, 16 insertions(+), 16 deletions(-)

(limited to 'assets/css/partials')

diff --git a/assets/css/partials/_article.scss b/assets/css/partials/_article.scss
index 86d1fc3..7d99b92 100644
--- a/assets/css/partials/_article.scss
+++ b/assets/css/partials/_article.scss
@@ -3,21 +3,21 @@ main {
 	margin: 0.75rem 1rem 3rem;
 	padding: 1.5rem 2.5rem;
 	border-radius: $floatingRadius;
-	box-shadow: var(--shadow);
+	box-shadow: $shadow;
 
 	align-self: center;
 
 	max-width: 82ch;
 	font-size: 1.25rem;
 
-	background-color: var(--header-background);
+	background-color: $lightAlt;
 
 	a {
-		color: var(--accent-1);
+		color: $accentDark;
 		transition: color 0.2s ease-in-out;
 
 		&:hover {
-			color: var(--accent-2);
+			color: $accent;
 		}
 	}
 
@@ -30,7 +30,7 @@ main {
 		word-break: break-word;
 		font-family: $monoFontStack;
 
-		color: var(--accent-1);
+		color: $accentDark;
 		background-color: #f6f6f6;
 	}
 
diff --git a/assets/css/partials/_footer.scss b/assets/css/partials/_footer.scss
index 77ecc8d..8fdc2b7 100644
--- a/assets/css/partials/_footer.scss
+++ b/assets/css/partials/_footer.scss
@@ -1,11 +1,11 @@
 footer {
-	background-color: var(--footer-background);
-	color: var(--footer-color);
+	background-color: $dark;
+	color: $light;
 	text-align: center;
 
 	padding: 0.5rem 1rem;
 
 	a {
-		color: var(--accent-5);
+		color: $accentLight;
 	}
 }
\ No newline at end of file
diff --git a/assets/css/partials/_header.scss b/assets/css/partials/_header.scss
index 49185b8..f1501b5 100644
--- a/assets/css/partials/_header.scss
+++ b/assets/css/partials/_header.scss
@@ -1,7 +1,7 @@
 header {
-	background-color: var(--header-background);
-	color: var(--header-color);
-	box-shadow: var(--shadow);
+	background-color: $lightAlt;
+	color: $accent;
+	box-shadow: $shadow;
 
 	display: flex;
 	flex-direction: column;
@@ -18,7 +18,7 @@ header {
 		height: 4px;
 		width: 100%;
 
-		background-color: var(--header-color);
+		background-color: $accent;
 
 		position: absolute;
 		display: block;
@@ -44,7 +44,7 @@ header {
 
 			a {
 				font-family: $mainFontStack;
-				color: var(--header-color);
+				color: $accent;
 				text-decoration: none;
 			}
 		}
@@ -89,15 +89,15 @@ header {
 		text-transform: uppercase;
 		letter-spacing: 0.1rem;
 		transition: color 0.2s ease-in-out;
-		color: var(--header-color);
+		color: $accent;
 		line-height: 1;
 
 		&:hover {
-			color: var(--accent-3);
+			color: $accentDark;
 		}
 
 		&.active {
-			color: var(--accent-1);
+			color: $accentDark;
 		}
 	}
 
-- 
cgit v1.3