From 10fd10c07edef6ff3ad3686cd46a42d271599c1b Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Wed, 11 Feb 2026 06:33:55 +1300
Subject: [PATCH] fix: Improve WCAG AA contrast ratios on homepage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Darken 6 elements that failed Lighthouse contrast audit (below 4.5:1):
- Hero CTA: bg-emerald-500 → bg-emerald-700
- Leader link: text-teal-600 → text-teal-700
- Citation line: text-gray-500 → text-gray-600
- Read link: text-emerald-600 → text-emerald-700
- PDF label: text-gray-500 → text-gray-600
- Timeline date: text-emerald-600 → text-emerald-700

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 public/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index fed5402d..1d23f970 100644
--- a/public/index.html
+++ b/public/index.html
@@ -79,7 +79,7 @@
               Read the Research
             </button>
             <a href="/village-case-study.html"
-               class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-emerald-500 text-white hover:bg-emerald-600 hover:shadow-lg hover:-translate-y-1"
+               class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-emerald-700 text-white hover:bg-emerald-800 hover:shadow-lg hover:-translate-y-1"
                data-i18n="hero.cta_production">
               See It in Production
             </a>
@@ -370,7 +370,7 @@
             <li data-i18n="roles.leader_f3">Implementation roadmap</li>
             <li data-i18n="roles.leader_f4">Risk management framework</li>
           </ul>
-          <div class="mt-5 text-teal-600 font-semibold group-hover:underline text-sm" data-i18n="roles.leader_cta">View leadership resources &rarr;</div>
+          <div class="mt-5 text-teal-700 font-semibold group-hover:underline text-sm" data-i18n="roles.leader_cta">View leadership resources &rarr;</div>
         </div>
       </a>
     </div>
@@ -384,7 +384,7 @@
         <p class="text-base text-gray-600 max-w-3xl mx-auto" data-i18n="papers.subtitle">
           The research paper in three editions, each written for a different audience.
         </p>
-        <p class="text-sm text-gray-500 mt-2">STO-INN-0003 v2.1 | John Stroh &amp; Claude (Anthropic) | January 2026</p>
+        <p class="text-sm text-gray-600 mt-2">STO-INN-0003 v2.1 | John Stroh &amp; Claude (Anthropic) | January 2026</p>
       </div>
 
       <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mx-auto">
@@ -397,7 +397,7 @@
             <p class="text-sm text-gray-600 mb-3" data-i18n="papers.academic_desc">
               Full academic treatment with formal proofs, existential risk context, and comprehensive citations.
             </p>
-            <span class="text-emerald-600 font-semibold group-hover:underline text-sm" data-i18n="papers.read_cta">Read &rarr;</span>
+            <span class="text-emerald-700 font-semibold group-hover:underline text-sm" data-i18n="papers.read_cta">Read &rarr;</span>
           </div>
         </a>
 
@@ -429,7 +429,7 @@
       </div>
 
       <div class="mt-8 text-center">
-        <p class="text-gray-500 text-sm mb-3" data-i18n="papers.pdf_label">PDF downloads:</p>
+        <p class="text-gray-600 text-sm mb-3" data-i18n="papers.pdf_label">PDF downloads:</p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="/downloads/architectural-alignment-academic.pdf" class="inline-flex items-center gap-2 text-gray-600 hover:text-emerald-600 transition-colors text-sm">
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -474,7 +474,7 @@
           <div class="text-gray-700 text-sm" data-i18n="timeline.oct_nov_2025">Alexander principles, Agent Lightning, i18n</div>
         </div>
         <div>
-          <div class="text-sm font-semibold text-emerald-600 mb-2" data-i18n="timeline.date_dec_2025">Dec 2025</div>
+          <div class="text-sm font-semibold text-emerald-700 mb-2" data-i18n="timeline.date_dec_2025">Dec 2025</div>
           <div class="text-gray-700 text-sm" data-i18n="timeline.dec_2025">Village case study &amp; Home AI deployment</div>
         </div>
         <div>