Add some variables to the scss files

Use the period API call for the program schema

resources/assets/sass/components/_menu.scss

@@ -42,7 +42,7 @@
       a {
         display: block;
         font-family: Nunito, serif;
-        color: $nav-text-color;
+        color: $text-color;
         font-weight: $nav-text-weight;
         font-size: $nav-text-size;
         text-align: center;
@@ -127,7 +127,7 @@
         font-size: 14px;
         font-weight: bold;
         text-align: right;
-        color: #fff;
+        color: $text-inverted-color;
         text-decoration: none;
         text-transform: uppercase;
 
@@ -148,12 +148,12 @@
         .search_input {
           border: 1px solid #efefef;
           border-radius: 3px;
-          background-color: #fff;
+          background-color: $element-bg;
           height: 29px;
           font-family: Montserrat, serif;
           font-size: 16px;
           line-height: 1.25;
-          color: #1a1a1a;
+          color: $text-color;
         }
         .search_submit {
           float: right;
@@ -234,7 +234,7 @@
       font-family: Nunito, serif;
       font-size: 14px;
       font-weight: bold;
-      color: #1a1a1a;
+      color: $text-color;
       text-decoration: none;
       padding: 15px 0;
       border-bottom: 1px solid #f8f8f8;
@@ -249,7 +249,7 @@
     padding: 20px;
     border-radius: 3px;
     box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
-    background-color: #fff;
+    background-color: $element-bg;
     margin-left: 20px;
     width: max-content;
     display: none;