init with dummy posts

src/styles/globals.css

@@ -0,0 +1,51 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  body {
+    @apply bg-primary-50 text-primary-800 font-serif;
+  }
+  
+  h1, h2, h3, h4, h5, h6 {
+    @apply font-serif text-primary-900 mb-4 font-bold;
+  }
+  
+  h1 {
+    @apply text-3xl md:text-4xl;
+  }
+  
+  h2 {
+    @apply text-2xl md:text-3xl;
+  }
+  
+  h3 {
+    @apply text-xl md:text-2xl;
+  }
+  
+  a {
+    @apply text-accent-dark hover:text-accent transition-colors duration-200;
+  }
+  
+  blockquote {
+    @apply border-l-4 border-accent pl-4 italic my-4;
+  }
+}
+
+@layer components {
+  .blog-post {
+    @apply prose prose-lg max-w-none;
+  }
+  
+  .blog-post h1, .blog-post h2, .blog-post h3 {
+    @apply border-b border-primary-200 pb-2;
+  }
+  
+  .button {
+    @apply px-4 py-2 rounded-md bg-accent text-white shadow-sm hover:bg-accent-dark transition-colors duration-200;
+  }
+  
+  .card {
+    @apply bg-white rounded-md shadow-sm p-6 border border-primary-200 hover:shadow-md transition-shadow duration-200;
+  }
+}