Add some variables to the scss files

Use the period API call for the program schema

resources/assets/sass/components/_contact_box.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .contact_box {
   position: relative;
@@ -15,7 +16,7 @@
     font-size: 24px;
     font-weight: 600;
     line-height: 1.17;
-    color: #282828;
+    color: $text-dark-color;
     margin-top: 0;
     padding-right: 60px;
   }
@@ -25,7 +26,7 @@
     font-size: 14px;
     font-weight: 500;
     line-height: 1.57;
-    color: #666;
+    color: $text-secondary-color;
   }
 
   .read_more {