Add some variables to the scss files

Use the period API call for the program schema

resources/assets/sass/components/_page.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .page_container {
   @include container;
@@ -13,11 +14,11 @@
   font-family: Nunito, serif;
   font-size: 15px;
   line-height: 1.6;
-  color: #282828;
+  color: $text-dark-color;
 }
 .action_button {
   text-decoration: none;
-  color: #282828;
+  color: $text-dark-color;
 
   .fa {
     margin-right: 10px;