Add some variables to the scss files

Use the period API call for the program schema

resources/assets/sass/components/_schedule.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 #schedule {
   a {
@@ -9,7 +10,7 @@
     font-size: 14px;
     font-weight: 600;
     line-height: 1.43;
-    color: #1a1a1a;
+    color: $text-color;
   }
   .program-times {
     @include post_date;
@@ -19,7 +20,7 @@
     font-size: 14px;
     font-weight: 600;
     line-height: 1.43;
-    color: #1a1a1a;
+    color: $text-color;
     text-align: center;
     padding: 20px;
     span {