feat: rebrand to Woolnoth with new color palette and typography

Replace Tyndale AI branding with Woolnoth identity including:
- New brand colors: Deep Navy (#24293e), Soft Light Grey (#f4f4f6),
  Cool Slate Blue (#5c6f91), and Burnt Coral Red (#e94f37)
- Updated typography from Montserrat/Outfit to Inter/Plus Jakarta Sans
- Add reusable Logo component for consistent branding
- Update favicon and page title
- Apply new color scheme across all components (chat, landing, pages)
- Update CSS variables and Tailwind config for brand consistency

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/pages/ChatPage.tsx

@@ -3,7 +3,7 @@ import TradingBackground from '@/components/chat/TradingBackground'
 
 const ChatPage = () => {
   return (
-    <div className="min-h-screen bg-gradient-to-br from-trading-dark via-trading-blue to-trading-dark relative">
+    <div className="min-h-screen bg-gradient-to-br from-brand-navy via-brand-navy/95 to-brand-navy relative">
       <TradingBackground />
       <TyndaleBot />
     </div>

src/pages/TyndalePage.tsx

@@ -9,11 +9,11 @@ const TyndalePage = () => {
     <div className="min-h-screen flex flex-col">
       <LandingNavigation />
 
-      <main className="flex-1 bg-gradient-to-br from-trading-dark via-trading-blue to-trading-dark grain-overlay pt-24 pb-16">
+      <main className="flex-1 bg-gradient-to-br from-brand-navy via-brand-navy/95 to-brand-navy grain-overlay pt-24 pb-16">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
           <Link
             to="/"
-            className="inline-flex items-center text-gray-400 hover:text-white transition-colors mb-8 animate-fade-up"
+            className="inline-flex items-center text-brand-grey/70 hover:text-white transition-colors mb-8 animate-fade-up"
           >
             <ArrowLeft className="h-4 w-4 mr-2" />
             Back to Home
@@ -22,11 +22,11 @@ const TyndalePage = () => {
           <div className="text-center mb-12 animate-fade-up" style={{ animationDelay: '0.1s' }}>
             <h1 className="text-4xl md:text-5xl font-display font-bold text-white mb-4">
               William{' '}
-              <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">
+              <span className="bg-gradient-to-r from-brand-grey via-brand-slate to-brand-coral bg-clip-text text-transparent">
                 Tyndale
               </span>
             </h1>
-            <p className="text-xl text-gray-300">
+            <p className="text-xl text-brand-grey/80">
               c. 1494 &ndash; October 6, 1536
             </p>
           </div>
@@ -34,13 +34,13 @@ const TyndalePage = () => {
           <Card className="bg-white/5 backdrop-blur-md border-white/10 animate-fade-up" style={{ animationDelay: '0.2s' }}>
             <CardHeader>
               <CardTitle className="text-2xl text-white flex items-center gap-3">
-                <div className="p-2 rounded-lg bg-gradient-to-br from-violet-500 to-purple-600">
+                <div className="p-2 rounded-lg bg-gradient-to-br from-brand-navy to-brand-coral">
                   <BookOpen className="h-6 w-6 text-white" />
                 </div>
                 The Father of the English Bible
               </CardTitle>
             </CardHeader>
-            <CardContent className="space-y-6 text-gray-300 leading-relaxed">
+            <CardContent className="space-y-6 text-brand-grey/80 leading-relaxed">
               <p>
                 Born near Gloucestershire, England, William Tyndale was a scholar and theologian
                 who dedicated his life to a singular mission: making the Bible accessible to