update font

Author: HugoRCD

apps/docs/app/assets/css/main.css

@@ -3,7 +3,8 @@
 
 @theme {
   --font-sans: "Geist", sans-serif;
-  --font-mono: "Geist Pixel Line", monospace;
+  --font-mono: "Geist Mono", monospace;
+  --font-pixel: "Geist Pixel Line", monospace;
 }
 
 :root {
@@ -32,7 +33,7 @@
 }
 
 .section-title {
-  @apply font-mono text-3xl md:text-4xl lg:text-5xl;
+  @apply font-pixel text-3xl md:text-4xl lg:text-5xl;
 }
 
 /* Subtle dot grid for hero */

apps/docs/app/components/AppHeaderLogo.vue

@@ -3,7 +3,7 @@
 
 <template>
   <NuxtLink to="/" class="flex items-center gap-0.5">
-    <span class="font-mono text-4xl font-normal">evlog</span>
+    <span class="font-pixel text-4xl font-normal">evlog</span>
     <span class="text-primary text-4xl">.</span>
   </NuxtLink>
 </template>

apps/docs/app/components/LandingCode.vue

@@ -18,7 +18,7 @@ onMounted(() => {
         :in-view-options="{ once: true }"
         class="mb-12"
       >
-        <p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
+        <p class="section-label mb-4 font-pixel text-xs uppercase tracking-widest text-muted">
           Simple API
         </p>
         <h2 class="section-title max-w-lg">
@@ -113,7 +113,7 @@ onMounted(() => {
         :in-view-options="{ once: true }"
         class="mt-24"
       >
-        <p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
+        <p class="section-label mb-4 font-pixel text-xs uppercase tracking-widest text-muted">
           Structured Errors
         </p>
         <h3 class="section-title max-w-lg mb-6">

apps/docs/app/components/LandingCta.vue

@@ -18,7 +18,7 @@ onMounted(() => {
           :transition="{ duration: 0.5 }"
           :in-view-options="{ once: true }"
         >
-          <p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
+          <p class="section-label mb-4 font-pixel text-xs uppercase tracking-widest text-muted">
             Get Started
           </p>
           <h2 class="mb-6 section-title">

apps/docs/app/components/LandingFeatures.vue

@@ -92,7 +92,7 @@ log.info({ action: 'click' })
         :in-view-options="{ once: true }"
         class="mb-12"
       >
-        <p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
+        <p class="section-label mb-4 font-pixel text-xs uppercase tracking-widest text-muted">
           Features
         </p>
         <h2 class="section-title">
@@ -110,7 +110,7 @@ log.info({ action: 'click' })
           :in-view-options="{ once: true }"
         >
           <div class="group h-full border border-muted/50 bg-muted/30 p-5 transition-colors duration-300 hover:border-muted">
-            <h3 class="mb-2 font-mono font-semibold text-primary">
+            <h3 class="mb-2 font-pixel font-semibold text-primary">
               {{ feature.title }}
             </h3>
             <p class="mb-4 text-sm leading-relaxed text-toned">

apps/docs/app/components/LandingHero.vue

@@ -162,15 +162,15 @@ function getLevelColor(level: string) {
           :transition="{ duration: 0.5 }"
         >
           <button
-            class="group mb-4 flex items-center gap-2 font-mono text-sm transition-colors cursor-copy"
+            class="group mb-2 flex items-center gap-2 font-pixel text-sm transition-colors cursor-copy"
             :class="copied ? 'text-emerald-500' : 'text-muted hover:text-highlighted'"
             @click="copyCommand"
           >
             <span v-if="copied">Copied!</span>
             <span v-else>$ npx skills add hugorcd/evlog</span>
           </button>
 
-          <h1 class="font-mono mb-6 text-5xl sm:text-6xl lg:text-7xl">
+          <h1 class="font-pixel mb-6 text-5xl sm:text-6xl lg:text-7xl">
             Logging that<br>makes sense<span class="text-primary">.</span>
           </h1>