add of variable for main colors

src/components/Home/Home.css

@@ -16,19 +16,19 @@
 
 #home-section h2 {
     font-size: 1.8rem;
-    color: #EAEAEA;
+    color: var(--title-color);
     margin-bottom: 1rem;
 }
 #home-section p {
     margin-bottom: 2rem;
-    color: #EAEAEA;
+    color: var(--title-color);
     max-width: 40%;
 }
 
 
 
 .highlight {
-    color: #D95F46;
+    color: var(--important-color);
 }
 
 .btn {
@@ -37,8 +37,8 @@
     border-radius: 5px;
     text-decoration: none;
     font-weight: bold;
-    background-color: #D95F46;
-    color: #fff;
+    background-color: var(--important-color);
+    color: white;
     transition: background-color 0.3s ease;
     margin-bottom: 200px;
 }