From 65c8e524d49a6275b52ad7ef35c6d2461fd972d2 Mon Sep 17 00:00:00 2001
From: Luiz Felipe Silva <felipesilva9627@hotmail.com>
Date: Sun, 15 Jan 2023 20:50:07 -0300
Subject: [PATCH] =?UTF-8?q?style:=20trocado=20cor=20hexadecimal=20por=20va?=
 =?UTF-8?q?ri=C3=A1vel=20sass.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header/Form.module.scss          |  3 +--
 src/components/Header/HeaderWrapper.module.scss |  3 +--
 src/components/footer/FooterBottom.module.scss  |  8 +++++---
 src/components/footer/FooterTop.module.scss     |  4 +++-
 src/components/footer/Newsletter.module.scss    | 12 +++++++-----
 src/components/global/ButtonsGlobal.module.scss |  4 +++-
 src/components/section/Breadcrumb.module.scss   |  2 +-
 src/styles/utils/variables.scss                 |  6 +-----
 8 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/components/Header/Form.module.scss b/src/components/Header/Form.module.scss
index 71e3e74..75fbc5a 100644
--- a/src/components/Header/Form.module.scss
+++ b/src/components/Header/Form.module.scss
@@ -31,7 +31,7 @@
 
     &::placeholder {
       font-weight: 400;
-      color: $primary-600;
+      color: $primary-500;
     }
   }
 
@@ -50,7 +50,6 @@
         height: 35px;
         width: 35px;
       }
-     
     }
   }
 }
diff --git a/src/components/Header/HeaderWrapper.module.scss b/src/components/Header/HeaderWrapper.module.scss
index d55884b..66ca91a 100644
--- a/src/components/Header/HeaderWrapper.module.scss
+++ b/src/components/Header/HeaderWrapper.module.scss
@@ -5,7 +5,7 @@
   justify-content: space-between;
   height: 76px;
   align-items: center;
-  border-bottom: 1px solid $primary-600;
+  border-bottom: 1px solid $primary-500;
   padding: 0 100px;
   background-color: $black;
 
@@ -23,4 +23,3 @@
     padding: 25px 16px;
   }
 }
-
diff --git a/src/components/footer/FooterBottom.module.scss b/src/components/footer/FooterBottom.module.scss
index 0d76103..68a6023 100644
--- a/src/components/footer/FooterBottom.module.scss
+++ b/src/components/footer/FooterBottom.module.scss
@@ -1,7 +1,9 @@
+@import "../../styles/utils/variables.scss";
+
 .footerBottom {
   padding: 15px 100px;
-  background-color: #000;
-  color: #fff;
+  background-color: $black;
+  color: $white;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -87,7 +89,7 @@
     }
 
     span {
-      border-left: 1px solid #c4c4c4;
+      border-left: 1px solid $primary-500;
       height: 25px;
       margin-bottom: 5px;
     }
diff --git a/src/components/footer/FooterTop.module.scss b/src/components/footer/FooterTop.module.scss
index 8cda4db..045cf72 100644
--- a/src/components/footer/FooterTop.module.scss
+++ b/src/components/footer/FooterTop.module.scss
@@ -1,3 +1,5 @@
+@import "../../styles/utils/variables.scss";
+
 .footerTop {
   padding: 50px 100px;
   display: flex;
@@ -34,7 +36,7 @@
       font-weight: 400;
       line-height: 14px;
       text-decoration: none;
-      color: #303030;
+      color: $primary-100;
 
       @media (min-width: 2500px) {
         font-size: 24px;
diff --git a/src/components/footer/Newsletter.module.scss b/src/components/footer/Newsletter.module.scss
index 2cc8a7f..e7621e1 100644
--- a/src/components/footer/Newsletter.module.scss
+++ b/src/components/footer/Newsletter.module.scss
@@ -1,6 +1,8 @@
+@import "../../styles/utils/variables.scss";
+
 .newsletter {
   margin-top: 70px;
-  border: 1px solid #000;
+  border: 1px solid $black;
   border-left: none;
   border-right: none;
   display: flex;
@@ -57,12 +59,12 @@
         @media (max-width: 1024px) {
           margin: 0 0 16px 0;
           border-radius: 0;
-          border: 1px solid #c4c4c4;
+          border: 1px solid $primary-500;
           width: 100%;
         }
 
         &::placeholder {
-          color: #c4c4c4;
+          color: $primary-500;
         }
       }
 
@@ -70,8 +72,8 @@
         height: 42px;
         width: 126px;
         border-radius: 4px;
-        background: #000000;
-        color: #fff;
+        background: $black;
+        color: $white;
         font-size: 12px;
         font-weight: 700;
         line-height: 14px;
diff --git a/src/components/global/ButtonsGlobal.module.scss b/src/components/global/ButtonsGlobal.module.scss
index a589af6..bfa6d8f 100644
--- a/src/components/global/ButtonsGlobal.module.scss
+++ b/src/components/global/ButtonsGlobal.module.scss
@@ -1,3 +1,5 @@
+@import "../../styles/utils/variables.scss";
+
 .buttonsGlobal {
   display: flex;
   flex-direction: column;
@@ -21,7 +23,7 @@
     width: 34px;
     height: 34px;
     border-radius: 50%;
-    background-color: #c4c4c4;
+    background-color: $primary-500;
     cursor: pointer;
 
     @media (min-width: 2500px) {
diff --git a/src/components/section/Breadcrumb.module.scss b/src/components/section/Breadcrumb.module.scss
index 7ac3604..0495c28 100644
--- a/src/components/section/Breadcrumb.module.scss
+++ b/src/components/section/Breadcrumb.module.scss
@@ -29,7 +29,7 @@
     font-weight: 400;
     line-height: 14px;
     text-transform: uppercase;
-    color: $primary-600;
+    color: $primary-500;
 
     @media (min-width: 2500px) {
       font-size: 24px;
diff --git a/src/styles/utils/variables.scss b/src/styles/utils/variables.scss
index 86d0f3b..9fe198f 100644
--- a/src/styles/utils/variables.scss
+++ b/src/styles/utils/variables.scss
@@ -1,11 +1,7 @@
 $black: #000000;
 $white: #ffffff;
 $primary-900: #ff0000;
-$primary-800: #f9f9f9;
 $primary-700: #f2f2f2;
-$primary-600: #c4c4c4;
-$primary-500: #c6c6c6; 
-$primary-400: #919191;
+$primary-500: #c4c4c4;
 $primary-300: #7d7d7d;
-$primary-200: #5e5e5e;
 $primary-100: #303030;