Refactor Members Directory and Newsletter Archive styles to use new color palette

- Updated color classes in MembersDirectory.js to use new color variables for borders, backgrounds, and text.
- Enhanced visual consistency by replacing hardcoded colors with Tailwind CSS color utilities.
- Modified NewsletterArchive.js to align with the new design system, ensuring a cohesive look across components.
- Added new color variables in tailwind.config.js for better maintainability and scalability.

src/pages/PrivacyPolicy.js

@@ -7,10 +7,10 @@ export default function PrivacyPolicy() {
   return (
     <>
       <PublicNavbar />
-      <main className="bg-gradient-to-bl from-[#F9FAFB] to-[#DDD8EB] text-[#48286E]">
+      <main className="bg-gradient-to-bl from-[#F9FAFB] to-chart-6 text-[#48286E]">
         <div className="mx-auto w-full max-w-5xl px-4 sm:px-6 lg:px-8 py-10">
           <header className="border-b pb-6">
-            <h1 className="text-3xl sm:text-4xl font-bold tracking-tight" style={{fontFamily: 'Poppins'}}>
+            <h1 className="text-3xl sm:text-4xl font-bold tracking-tight" style={{ fontFamily: 'Poppins' }}>
               LOAFers, Inc. Website Privacy Policy
             </h1>
           </header>
@@ -184,7 +184,7 @@ export default function PrivacyPolicy() {
         <div className="mt-8 text-center">
           <Link
             to="/"
-            className="text-[#664fa3] hover:text-[#422268] font-semibold transition-colors inline-flex items-center gap-2"
+            className="text-muted-foreground hover:text-primary font-semibold transition-colors inline-flex items-center gap-2"
             style={{ fontFamily: "'Nunito Sans', sans-serif" }}
           >
             <span>←</span> Back to Home