chore: switch from Mulish to Inter font family

src/components/StackSectionLight.tsx

@@ -2,7 +2,7 @@
 
 import { motion } from "framer-motion";
 import { StackedCubesLight } from "@/components/ui/StackedCubesLight";
-import { H2, P } from "@/components/Texts";
+import { H2, P, SectionHeader } from "@/components/Texts";
 import { FadeIn } from "./FadeIn";
 import { DottedGlowBackground } from '@/components/ui/dotted-glow-background';
 
@@ -10,7 +10,7 @@ export function StackSectionLight() {
   return (
     <section className="relative w-full overflow-hidden py-24 lg:py-40">
       {/* === Background Layer === */}
-      <div className="absolute inset-0 -z-10 bg-white">
+      <div className="absolute inset-0 -z-10 bg-[#FAFAFA]">
         {/* Dotted Glow Background */}
         <DottedGlowBackground
           gap={15}
@@ -30,9 +30,9 @@ export function StackSectionLight() {
         {/* Left Column - Text */}
         <div className="text-center lg:text-left">
           <FadeIn>
-            <H2 color="dark" className="text-4xl sm:text-5xl font-semibold">
+            <SectionHeader color="dark" className="text-4xl sm:text-5xl font-semibold">
               The Mycelium Stack
-            </H2>
+            </SectionHeader>
           </FadeIn>
 
           <FadeIn>