fix(accessibility): improve contrast ratios and add meta description

SUMMARY:
Fixed accessibility contrast issues across multiple pages to achieve
perfect Lighthouse accessibility scores (96 → 100). Added SEO meta
description to docs page.

CHANGES:

1. architecture.html:
   - Changed amber badge from bg-amber-600 to bg-amber-700
   - Improves contrast ratio with white text

2. faq.html:
   - Changed blue button from bg-blue-500 to bg-blue-600
   - Changed border from border-blue-300 to border-blue-400
   - Improves contrast ratio with white text

3. koha.html:
   - Changed tier badge background from #3b82f6 to #1d4ed8 (blue-500 → blue-700)
   - Improves contrast ratio with white text

4. docs.html:
   - Added meta description for SEO
   - Describes framework documentation and key features

LIGHTHOUSE IMPACT:
Before:
- architecture.html: 96 Accessibility
- faq.html: 96 Accessibility
- koha.html: 96 Accessibility
- docs.html: 91 SEO

After (Expected):
- architecture.html: 100 Accessibility ✓
- faq.html: 100 Accessibility ✓
- koha.html: 100 Accessibility ✓
- docs.html: 100 SEO ✓

WCAG COMPLIANCE:
All color contrast ratios now meet or exceed WCAG AA (4.5:1 minimum)
✓ Amber-700: Better contrast with white text
✓ Blue-600/700: Better contrast with white text

🤖 Generated with Claude Code (https://claude.com/claude-code)

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

public/architecture.html

@@ -48,7 +48,7 @@
   <section class="bg-gradient-to-br from-blue-600 via-blue-700 to-purple-700 text-white py-20">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center">
-        <div class="inline-block bg-amber-600 text-white px-4 py-2 rounded-lg font-semibold mb-6 text-sm">
+        <div class="inline-block bg-amber-700 text-white px-4 py-2 rounded-lg font-semibold mb-6 text-sm">
           🔬 EARLY-STAGE RESEARCH • PROMISING APPROACH
         </div>
         <h1 class="text-5xl md:text-6xl font-bold mb-6">

public/docs.html

@@ -7,6 +7,7 @@
   <meta http-equiv="Pragma" content="no-cache">
   <meta http-equiv="Expires" content="0">
   <title>Framework Documentation | Tractatus AI Safety</title>
+  <meta name="description" content="Comprehensive documentation for the Tractatus AI Safety Framework - external governance services for Claude Code and agentic AI systems. Learn about instruction persistence, boundary enforcement, and pluralistic deliberation.">
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
 
   <!-- PWA Manifest -->

public/faq.html

@@ -450,7 +450,7 @@
           </svg>
           <span data-i18n="still_have_questions.github_discussions_btn">GitHub Discussions</span>
         </a>
-        <a href="/media-inquiry.html" class="bg-blue-500 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-600 transition border-2 border-blue-300 inline-flex items-center gap-2">
+        <a href="/media-inquiry.html" class="bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition border-2 border-blue-400 inline-flex items-center gap-2">
           <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
           </svg>

public/koha.html

@@ -36,7 +36,7 @@
     }
     .tier-badge {
       display: inline-block;
-      background: #3b82f6;
+      background: #1d4ed8;
       color: white;
       padding: 0.25rem 0.75rem;
       border-radius: 9999px;