Add some variables to the scss files

Use the period API call for the program schema

resources/assets/sass/components/_footer.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .footer_container {
   font-family: Montserrat, serif;
@@ -6,7 +7,7 @@
   font-weight: 600;
   line-height: 1.71;
   text-align: left;
-  color: #fff;
+  color: $text-inverted-color;
 
   .footer_menu {
     background-image: linear-gradient(to right, #0102b0, #4090e3);
@@ -25,7 +26,7 @@
     }
 
     a {
-      color: #fff;
+      color: $text-inverted-color;
       text-decoration: none;
       display: block;
       width: 100%;
@@ -41,7 +42,7 @@
 
       span {
         border-bottom: 3px solid #fff;
-        color: #fff;
+        color: $text-inverted-color;
         font-size: 14px;
       }
     }
@@ -60,7 +61,7 @@
       width: 38px;
       height: 38px;
       background-color: #5ba8f4;
-      color: #fff;
+      color: $text-inverted-color;
       text-decoration: none;
       line-height: 40px;
       border-radius: 5px;