add of variable for main colors

src/components/NavBar/NavBar.css

@@ -25,7 +25,7 @@
     text-decoration: none;
     padding: 0.3rem 0.8rem;
     border-radius: 20px;
-    color: #B0B0B0;
+    color: var(--text-color);
     transition: background-color 0.3s ease, color 0.3s ease;
     cursor: pointer;
     border: none;
@@ -34,10 +34,10 @@
 }
 
 .nav-link:hover {
-    color: #D95F46;
+    color: var(--important-color);
 }
 
 .nav-link.active {
     background-color: rgba(217, 95, 70, 0.3);
-    color: #D95F46;
+    color: var(--important-color);
 }