added gray text variable

src/components/Logo/index.module.scss

@@ -1,13 +1,15 @@
-.logo{
-    font-family: 'Poppins', sans-serif;
+@import "../../index.scss";
+
+.logo {
+    font-family: "Poppins", sans-serif;
     font-weight: bold;
-    font-size:3.2em;
-    color:#DADADA;
+    font-size: 3.2em;
+    color: $gray;
 }
-.leaf{
-    width:40px;
+.leaf {
+    width: 40px;
+}
+.logoCon {
+    width: 100%;
+    height: 10vh;
 }
-.logoCon{
-    width:100%;
-    height:10vh;
-}

src/index.scss

@@ -1,6 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
 
 $accent: #53d188;
+$gray: #dadada;
 $bggray: #e8e8e8;
 $bghover: darken($bggray, 10);
 $bg: #ffffff;