fix(website): WCAG AA color contrast — nav links, footer, sidebar (issue #399)

- Navbar: text-zinc-400 → text-zinc-300 for all nav links and GitHub icon (desktop + mobile), ~8.7:1 contrast
- Footer: text-zinc-500 → text-zinc-400 for description and links; text-zinc-600 → text-zinc-400 for copyright
- Sidebar: text-zinc-500 → text-zinc-400 for category heading buttons

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: 2 people

website/src/components/docs/Sidebar.tsx

@@ -22,7 +22,7 @@ export function Sidebar() {
         <div key={group.category}>
           <button
             onClick={() => toggleCategory(group.category)}
-            className="flex w-full items-center justify-between px-3 text-xs font-semibold uppercase tracking-wider text-zinc-500 hover:text-zinc-300 transition-colors"
+            className="flex w-full items-center justify-between px-3 text-xs font-semibold uppercase tracking-wider text-zinc-400 hover:text-zinc-200 transition-colors"
           >
             {group.category}
             <svg

website/src/components/layout/Footer.tsx

@@ -41,7 +41,7 @@ export function Footer() {
                 <Image src="/images/logo.webp" alt="GoSQLX" width={28} height={28} />
                 <span className="text-lg font-semibold text-white">GoSQLX</span>
               </Link>
-              <p className="mt-3 text-sm text-zinc-500 max-w-xs">
+              <p className="mt-3 text-sm text-zinc-400 max-w-xs">
                 Production-ready SQL parsing SDK for Go. Zero-copy, thread-safe, multi-dialect.
               </p>
             </div>
@@ -58,14 +58,14 @@ export function Footer() {
                           href={link.href}
                           target="_blank"
                           rel="noopener noreferrer"
-                          className="text-sm text-zinc-500 hover:text-zinc-300 transition-colors duration-200"
+                          className="text-sm text-zinc-400 hover:text-zinc-100 transition-colors duration-200"
                         >
                           {link.label}
                         </a>
                       ) : (
                         <Link
                           href={link.href}
-                          className="text-sm text-zinc-500 hover:text-zinc-300 transition-colors duration-200"
+                          className="text-sm text-zinc-400 hover:text-zinc-100 transition-colors duration-200"
                         >
                           {link.label}
                         </Link>
@@ -78,7 +78,7 @@ export function Footer() {
           </div>
 
           <div className="mt-12 pt-8 border-t border-white/[0.06] text-center">
-            <p className="text-sm text-zinc-600">
+            <p className="text-sm text-zinc-400">
               Built with love by the GoSQLX community &middot; &copy; {new Date().getFullYear()} GoSQLX
             </p>
           </div>

website/src/components/layout/Navbar.tsx

@@ -70,7 +70,7 @@ export function Navbar() {
             <Link
               key={link.href}
               href={link.href}
-              className="px-3 py-2 text-sm text-zinc-400 hover:text-white transition-colors duration-200 rounded-lg hover:bg-white/[0.04]"
+              className="px-3 py-2 text-sm text-zinc-300 hover:text-white transition-colors duration-200 rounded-lg hover:bg-white/[0.04]"
             >
               {link.label}
             </Link>
@@ -83,7 +83,7 @@ export function Navbar() {
             href="https://github.com/ajitpratap0/GoSQLX"
             target="_blank"
             rel="noopener noreferrer"
-            className="text-zinc-400 hover:text-white transition-colors duration-200 p-2 rounded-lg hover:bg-white/[0.04]"
+            className="text-zinc-300 hover:text-white transition-colors duration-200 p-2 rounded-lg hover:bg-white/[0.04]"
             aria-label="GitHub"
           >
             <GitHubIcon className="w-5 h-5" />
@@ -120,7 +120,7 @@ export function Navbar() {
                   key={link.href}
                   href={link.href}
                   onClick={() => setMobileOpen(false)}
-                  className="block px-3 py-2.5 text-sm text-zinc-400 hover:text-white hover:bg-white/[0.04] rounded-lg transition-colors"
+                  className="block px-3 py-2.5 text-sm text-zinc-300 hover:text-white hover:bg-white/[0.04] rounded-lg transition-colors"
                 >
                   {link.label}
                 </Link>
@@ -130,7 +130,7 @@ export function Navbar() {
                   href="https://github.com/ajitpratap0/GoSQLX"
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="text-zinc-400 hover:text-white transition-colors p-2"
+                  className="text-zinc-300 hover:text-white transition-colors p-2"
                   aria-label="GitHub"
                 >
                   <GitHubIcon className="w-5 h-5" />