font sizes

styles/globals.css

@@ -62,20 +62,73 @@
 
 @layer base {
   body {
-    @apply text-text-primary bg-neutral-light antialiased selection:bg-accent selection:text-primary-dark;
+    @apply text-base md:text-lg text-text-primary bg-neutral-light antialiased selection:bg-accent selection:text-primary-dark;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-  }
-  h1, h2, h3, h4, h5, h6 {
-    @apply font-heading font-bold tracking-tight;
+    line-height: 1.7;
   }
   
-  /* Mobile-first typography hierarchy */
-  h1 { @apply text-3xl md:text-6xl lg:text-7xl xl:text-8xl; }
-  h2 { @apply text-2xl md:text-5xl lg:text-6xl; }
-  h3 { @apply text-xl md:text-3xl lg:text-4xl; }
-  h4 { @apply text-lg md:text-2xl; }
+  h1, h2, h3, h4, h5, h6 {
+    @apply font-heading font-bold tracking-tight text-primary;
+    line-height: 1.2;
+  }
+  
+  /* Enhanced Mobile-first typography hierarchy with fluid sizing */
+  h1 { @apply text-3xl md:text-6xl lg:text-7xl xl:text-8xl leading-[1.1]; }
+  h2 { @apply text-2xl md:text-5xl lg:text-6xl leading-[1.2]; }
+  h3 { @apply text-xl md:text-3xl lg:text-4xl leading-[1.3]; }
+  h4 { @apply text-lg md:text-2xl leading-[1.4]; }
+  h5 { @apply text-base md:text-xl leading-[1.5]; }
+  h6 { @apply text-sm md:text-lg leading-[1.6]; }
+  
+  /* Paragraph and text styles */
+  p {
+    @apply mb-4 leading-relaxed;
+  }
+  
+  /* Link styles */
+  a {
+    @apply text-primary hover:text-accent transition-colors duration-200 underline-offset-2 hover:underline;
+  }
+  
+  /* List styles */
+  ul, ol {
+    @apply my-4 ml-6;
+  }
+  
+  li {
+    @apply mb-2 leading-relaxed;
+  }
+  
+  /* Small text */
+  small {
+    @apply text-sm md:text-base text-text-secondary;
+  }
+  
+  /* Strong and emphasis */
+  strong {
+    @apply font-bold text-primary;
+  }
+  
+  em {
+    @apply italic;
+  }
+  
+  /* Blockquote */
+  blockquote {
+    @apply border-l-4 border-accent pl-6 my-6 italic text-text-secondary;
+  }
+  
+  /* Code */
+  code {
+    @apply bg-neutral-medium/30 px-2 py-1 rounded font-mono text-sm;
+  }
+  
+  /* Horizontal rule */
+  hr {
+    @apply border-neutral-medium my-8;
+  }
 }
 
 @layer components {