Fixed issue with light mode on home page

src/routes/+page.svelte

@@ -63,11 +63,13 @@
     >
       <div class="space-y-2">
         <div
-          class="inline-block rounded-lg bg-gray-100 px-3 py-1 text-sm dark:bg-gray-800"
+          class="inline-block rounded-lg bg-gray-100 px-3 py-1 text-md dark:bg-gray-800 dark:text-gray-400"
         >
           Key Features
         </div>
-        <h2 class="text-3xl font-bold tracking-tighter sm:text-5xl">
+        <h2
+          class="text-3xl font-bold tracking-tighter sm:text-5xl dark:text-gray-400"
+        >
           Discover, Plan, and Explore with Ease
         </h2>
         <p
@@ -94,7 +96,9 @@
         <ul class="grid gap-6">
           <li>
             <div class="grid gap-1">
-              <h3 class="text-xl font-bold">Trip Planning</h3>
+              <h3 class="text-xl font-bold dark:text-gray-400">
+                Trip Planning
+              </h3>
               <p class="text-gray-500 dark:text-gray-400">
                 Easily create custom itineraries and get real-time updates on
                 your trip.
@@ -103,7 +107,9 @@
           </li>
           <li>
             <div class="grid gap-1">
-              <h3 class="text-xl font-bold">Packing Lists</h3>
+              <h3 class="text-xl font-bold dark:text-gray-400">
+                Packing Lists
+              </h3>
               <p class="text-gray-500 dark:text-gray-400">
                 Never forget a thing with our comprehensive packing lists.
               </p>
@@ -111,7 +117,9 @@
           </li>
           <li>
             <div class="grid gap-1">
-              <h3 class="text-xl font-bold">Destination Guides</h3>
+              <h3 class="text-xl font-bold dark:text-gray-400">
+                Destination Guides
+              </h3>
               <p class="text-gray-500 dark:text-gray-400">
                 Discover the best attractions, activities, and hidden gems in
                 your destination.