add of variable for main colors

src/index.css

@@ -2,6 +2,9 @@
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   font-weight: 400;
   background-color: #0D0D0D;
+  --title-color: #EAEAEA;
+  --text-color: #B0B0B0;
+  --important-color: #D95F46;
 }
 
 html{
@@ -25,9 +28,8 @@ h1{
 }
 
 .section-title {
-  font-family: Arial;
   font-size: 2.5rem;
-  color: #f0f0f0;
+  color: var(--title-color);
   text-transform: uppercase;
   letter-spacing: 0.15rem;
   text-align: center;
@@ -39,7 +41,7 @@ h1{
   display: block;
   width: 60px;
   height: 3px;
-  background-color: #D95F46;
+  background-color: var(--important-color);
   margin: 1rem auto 0;
   border-radius: 2px;
 }
@@ -47,5 +49,5 @@ h1{
 
 
 h2{
-  color: #f0f0f0;
+  color : var(--title-color);
 }