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/TermsOfService.js

@@ -8,7 +8,7 @@ export default function TermsOfService() {
   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">
           {/* Title */}
           <header className="border-b pb-6">
@@ -589,7 +589,7 @@ export default function TermsOfService() {
         </div>
         {/* Back to Home Link */}
         <div className="mt-8 text-center">
-          <Link to="/" className="text-[#664fa3] hover:text-[#422268] font-semibold transition-colors inline-flex items-center gap-2"
+          <Link to="/" 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
           </Link>