From 83f6dc6b15b162bb47e4c9b2dbc894d7965b93ae Mon Sep 17 00:00:00 2001
From: Nicolas Doby <nicolas.doby@itsonus.fr>
Date: Tue, 18 Oct 2022 17:13:44 +0200
Subject: [PATCH] chore: use variables for all colors

---
 public/css/index.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/public/css/index.css b/public/css/index.css
index 0462f3c..1886bef 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -29,6 +29,9 @@
 /*    --color-gray-90: #dad8d8;*/
 
 /*    !* --text-color is assigned to --color-gray-_ above *!*/
+/*    --text-color: var(--color-gray-20);*/
+/*    --text-color-secondary: var(--color-gray-90);*/
+/*    --text-color-tertiary: var(--color-green-2);*/
 /*    --text-color-link: #1493fb;*/
 /*    --text-color-link-active: #6969f7;*/
 /*    --text-color-link-visited: #a6a6f8;*/
@@ -163,7 +166,7 @@ figure figcaption {
 
 /* Header */
 .main-header {
-  background: #fff;
+  background: var(--background-color);
   box-shadow: 0 2px 8px rgba(0,0,0,.25);
   width: 100%;
   z-index: 1000;
@@ -265,7 +268,7 @@ a[href].direct-link {
 }
 a[href].direct-link:focus,
 :hover > a[href].direct-link {
-  color: #aaa;
+  color: var(--color-gray-50);
 }
 
 .main-footer {
@@ -278,7 +281,7 @@ a[href].direct-link:focus,
 
 .main-footer,
 .main-footer a {
-  color: #fff;
+  color: var(--background-color);
 }
 
 .footer-contact {
@@ -295,7 +298,7 @@ a[href].direct-link:focus,
 }
 
 .footer-contact-title {
-  color: #fff;
+  color: var(--background-color);
   font-size: 1.2em;
   font-style: normal;
   font-weight: 700;