Reduce font weights and restore content link underlines

- Reduce all font weights by one level across the board:
  - h1: bold → semibold
  - h2, h3, h4: semibold → medium
  - Component headings: semibold → medium
- Add underlines back to links in article content
- Keep underlines removed from navigation areas (header, nav, footer, aside)
- Apply consistent font weight reduction to all components

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: groksrc

src/components/Breadcrumb.astro

@@ -18,7 +18,7 @@ for (const section of navConfig.sidebar) {
 ---
 
 {sectionTitle && currentPath !== '/' && (
-  <div class="mb-4 text-sm text-gray-600 font-semibold">
+  <div class="mb-4 text-sm text-gray-600 font-medium">
     <span>{sectionTitle}</span>
   </div>
 )}

src/components/Callout.tsx

@@ -77,7 +77,7 @@ export default function Callout({ children, type = 'note', title, className }: C
         </div>
         <div className="flex-1 space-y-2">
           {(title || !children || typeof children === 'string') && (
-            <div className={cn('font-semibold leading-none tracking-tight', styles.title)}>
+            <div className={cn('font-medium leading-none tracking-tight', styles.title)}>
               {title || defaultTitle}
             </div>
           )}

src/components/Card.tsx

@@ -28,7 +28,7 @@ export default function Card({ title, icon, href, children, className }: CardPro
           </div>
         )}
         <div className="flex-1">
-          <h3 className="mb-2 text-lg font-semibold leading-none tracking-tight">
+          <h3 className="mb-2 text-lg font-medium leading-none tracking-tight">
             {title}
           </h3>
           {children && (

src/components/MobileMenu.tsx

@@ -34,7 +34,7 @@ export default function MobileMenu() {
             <div className="space-y-6">
               {navConfig.sidebar.map((section) => (
                 <div key={section.title} className="space-y-3">
-                  <h4 className="text-sm font-semibold leading-none tracking-tight">
+                  <h4 className="text-sm font-medium leading-none tracking-tight">
                     {section.title}
                   </h4>
                   <ul className="space-y-1">

src/components/Sidebar.astro

@@ -31,7 +31,7 @@ const currentPath = Astro.url.pathname
       <!-- Regular navigation sections -->
       {navConfig.sidebar.map((section) => (
         <div>
-          <h4 class="text-sm font-semibold leading-none tracking-tight text-gray-900 px-3 mb-4 mt-10">
+          <h4 class="text-sm font-medium leading-none tracking-tight text-gray-900 px-3 mb-4 mt-10">
             {section.title}
           </h4>
           <ul class="space-y-1 list-none m-0 p-0">
@@ -41,7 +41,7 @@ const currentPath = Astro.url.pathname
                   href={item.href}
                   class={`block px-3 py-1.5 text-sm transition-colors hover:text-gray-900 rounded-md ${
                     currentPath === item.href
-                      ? 'text-gray-900 font-semibold bg-gray-100'
+                      ? 'text-gray-900 font-medium bg-gray-100'
                       : 'text-gray-600 font-normal hover:bg-gray-50'
                   }`}
                   style="text-decoration: none"

src/components/Steps.tsx

@@ -23,11 +23,11 @@ interface StepProps {
 export function Step({ title, children, className }: StepProps) {
   return (
     <div className={cn('relative pl-10 step-item', className)}>
-      <div className="step-number absolute left-0 top-0 flex h-7 w-7 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800 text-sm font-semibold text-gray-700 dark:text-gray-300 border border-gray-200 dark:border-gray-700">
+      <div className="step-number absolute left-0 top-0 flex h-7 w-7 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800 text-sm font-medium text-gray-700 dark:text-gray-300 border border-gray-200 dark:border-gray-700">
       </div>
       <div className="space-y-2">
         {title && (
-          <h4 className="text-lg font-semibold leading-none tracking-tight">
+          <h4 className="text-lg font-medium leading-none tracking-tight">
             {title}
           </h4>
         )}

src/styles/global.css

@@ -61,15 +61,15 @@
 
   /* Typography */
   h1 {
-    @apply scroll-m-20 text-3xl font-bold tracking-tight mb-6;
+    @apply scroll-m-20 text-3xl font-semibold tracking-tight mb-6;
   }
 
   h2 {
-    @apply scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 mt-12 mb-4;
+    @apply scroll-m-20 text-3xl font-medium tracking-tight first:mt-0 mt-12 mb-4;
   }
 
   h3 {
-    @apply scroll-m-20 text-2xl font-semibold tracking-tight;
+    @apply scroll-m-20 text-2xl font-medium tracking-tight;
   }
 
   /* Article content h3 spacing - only applies to h3 in main content */
@@ -78,7 +78,7 @@
   }
 
   h4 {
-    @apply scroll-m-20 text-xl font-semibold tracking-tight;
+    @apply scroll-m-20 text-xl font-medium tracking-tight;
   }
 
   p {
@@ -172,6 +172,20 @@
   a {
     @apply font-medium text-primary hover:text-primary/80;
   }
+  
+  /* Underline links in article content */
+  article a {
+    @apply underline underline-offset-2;
+  }
+  
+  /* Remove underlines from specific areas */
+  header a,
+  nav a,
+  aside a,
+  footer a,
+  .no-underline {
+    text-decoration: none !important;
+  }
 
   table {
     @apply w-full;