Refactor styling for legal documents page

Author: teetow

src/pages/legal/index.astro

@@ -14,7 +14,7 @@ const pages = legalPages.map((page) => ({
     <div class="max-w-screen-lg mx-6 sm:mx-12 md:mx-16 lg:mx-32 xl:mx-auto">
       <h1>Legal Documents</h1>
 
-      <p class="my-6 text-lg text-gray-600 dark:text-gray-400">
+      <p class="my-6 text-lg">
         This page contains legal documents, policies, and compliance information related to Audacity and its services.
       </p>
 
@@ -23,7 +23,7 @@ const pages = legalPages.map((page) => ({
           <li>
             <a 
               href={page.url} 
-              class="text-blue-600 dark:text-blue-400 hover:underline text-lg"
+              class="text-blue-700 hover:underline text-lg"
             >
               {page.title}
             </a>