Add some variables to the scss files

Use the period API call for the program schema

resources/assets/sass/components/_blog.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .blog {
   @include reset-list;
@@ -17,12 +18,12 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 1.43;
-      color: #1a1a1a;
+      color: $text-color;
 
       a {
         text-decoration: none;
         display: inline-block;
-        color: #1a1a1a;
+        color: $text-color;
       }
     }
 
@@ -43,7 +44,7 @@
       font-family: Nunito, serif;
       font-size: 15px;
       line-height: 1.6;
-      color: #282828;
+      color: $text-dark-color;
     }
   }
 }