Improve design using custom variables

src/components/blog/GridItem.astro

@@ -39,12 +39,12 @@ const image = await findImage(post.image);
       ) : (
         <a
           href={getPermalink(post.slug, 'post')}
-          class="hover:text-primary-800 dark:hover:text-primary-700  transition ease-in duration-200"
+          class="hover:text-primary dark:hover:text-blue-700  transition ease-in duration-200"
         >
           {post.title}
         </a>
       )
     }
   </h3>
-  <p class="text-gray-500 dark:text-slate-400 text-lg">{post.excerpt || post.description}</p>
+  <p class="text-muted dark:text-slate-400 text-lg">{post.excerpt || post.description}</p>
 </article>