refactor: update styles and animations across pages for improved consistency and aesthetics

- Changed background gradients and color schemes in `now.astro` and `projects.astro` to use primary colors.
- Updated text styles and backgrounds to enhance readability and visual appeal.
- Added new font imports for better typography.
- Introduced custom animations and hover effects in `global.css` for enhanced user interaction.
- Adjusted CSS variables for a more cohesive design across light and dark modes.

src/pages/blog/index.astro

@@ -48,8 +48,8 @@ const sortedBlogPosts = sortPostsByDate(blogPosts);
     <!-- Header Section -->
     <Container className="pt-24 pb-12">
       <div class="text-center mb-16">
-        <h1 class="text-5xl md:text-6xl font-bold bg-gradient-to-r from-foreground via-purple-600 to-purple-800 dark:from-foreground dark:via-purple-200 dark:to-purple-300 bg-clip-text text-transparent mb-6">
-          <span class="text-purple-500">Blog</span>
+        <h1 class="text-5xl md:text-6xl font-bold bg-gradient-to-r from-foreground via-primary to-primary dark:from-foreground dark:via-blue-200 dark:to-orange-300 bg-clip-text text-transparent mb-6">
+          <span class="text-primary">Blog</span>
         </h1>
         <p class="text-xl text-muted-foreground max-w-3xl mx-auto">
           Thoughts on AI products, full-stack development, and building in public. Exploring the intersection of technology and product building.