Merge pull request #9 from btravstack/fix/accent-split-checks

Light mode: split accent (brand-pink wordmark + AA labels) + fix green checks

Author: btravers

apps/website/.vitepress/theme/Landing.vue

@@ -163,7 +163,7 @@ onMounted(() => {
           <p class="btv-blurb">{{ p.blurb }}</p>
           <ul class="btv-points">
             <li v-for="pt in p.points" :key="pt">
-              <svg width="15" height="15" viewBox="0 0 16 16" fill="none"><path d="M2.5 8.5l3 3 8-8" stroke="#46B86C" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+              <svg width="15" height="15" viewBox="0 0 16 16" fill="none"><path d="M2.5 8.5l3 3 8-8" stroke="var(--text-green)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
               <span>{{ pt }}</span>
             </li>
           </ul>
@@ -251,7 +251,11 @@ onMounted(() => {
 }
 :global(html:not(.dark)) .btv-glow { opacity: 0.55; }
 
+/* general accent highlights (incl. the small copy toast) keep the AA text accent */
 .btv-pink { color: var(--text-accent); }
+/* the large display wordmark (hero / header / footer) stays full brand pink */
+.btv-title .btv-pink,
+.btv-word .btv-pink { color: var(--display-accent); }
 .btv-toggle {
   display: inline-flex; align-items: center; justify-content: center;
   width: 38px; height: 38px;

packages/theme/src/tokens.css

@@ -55,6 +55,10 @@
   --text-accent: #E0589A;
   --text-green:  #46B86C;
 
+  /* Display accent — the brand pink as the LARGE display wordmark color in
+     both schemes (large text only needs 3:1, so it can stay fully vibrant). */
+  --display-accent: #E0589A;
+
   /* ── Glass (frosted sticky headers) ──────────────────────────── */
   --glass: rgba(21, 16, 28, 0.66);
 
@@ -147,7 +151,7 @@
   --faint: #978996;
 
   --accent:      #E0589A;   /* fill unchanged (dark ink on top) */
-  --text-accent: #C42A6C;   /* punchier vivid beetroot, ~5.1:1 on white (was #A52260) */
+  --text-accent: #D6246F;   /* small labels / links — vivid raspberry, ~4.6:1 AA on white */
   --text-green:  #15683A;   /* ~5.2:1 on white — affirmative text */
 
   --accent-wash:   rgba(224, 88, 154, 0.12);