From 4ea90f90d7be09b37ed24ae1080ffc2695a94d25 Mon Sep 17 00:00:00 2001
From: kbot <kbot@local>
Date: Mon, 6 Jul 2026 20:59:37 -0500
Subject: [PATCH] fix(portfolio): replace faint text with muted for AA contrast

---
 components/portfolio/CapabilityRows.tsx  |  2 +-
 components/portfolio/CommandPalette.tsx  |  2 +-
 components/portfolio/OperatorProfile.tsx |  2 +-
 components/portfolio/WorkIndex.tsx       | 10 +++++-----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/portfolio/CapabilityRows.tsx b/components/portfolio/CapabilityRows.tsx
index 9d9f4fb..6d86b62 100644
--- a/components/portfolio/CapabilityRows.tsx
+++ b/components/portfolio/CapabilityRows.tsx
@@ -53,7 +53,7 @@ export function CapabilityRows() {
             <p className="font-display text-[clamp(28px,4.5vw,64px)] font-semibold leading-[0.95] tracking-[-0.06em] text-blacksite-text">
               {capability.text}
             </p>
-            <p className="section-label text-left text-blacksite-faint sm:text-right">
+            <p className="section-label text-left text-blacksite-muted sm:text-right">
               {formatCapabilityIndex(capability.index)}
             </p>
           </m.div>
diff --git a/components/portfolio/CommandPalette.tsx b/components/portfolio/CommandPalette.tsx
index 717ac1d..eb3aa76 100644
--- a/components/portfolio/CommandPalette.tsx
+++ b/components/portfolio/CommandPalette.tsx
@@ -168,7 +168,7 @@ export function CommandPalette() {
         <Command.Input
           autoFocus
           placeholder="Type a command or search the blacksite..."
-          className="mt-3 w-full bg-transparent font-mono text-base text-blacksite-text outline-none placeholder:text-blacksite-faint focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-signal-cyan sm:text-lg"
+          className="mt-3 w-full bg-transparent font-mono text-base text-blacksite-text outline-none placeholder:text-blacksite-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-signal-cyan sm:text-lg"
         />
       </div>
 
diff --git a/components/portfolio/OperatorProfile.tsx b/components/portfolio/OperatorProfile.tsx
index 84add54..d3f83fd 100644
--- a/components/portfolio/OperatorProfile.tsx
+++ b/components/portfolio/OperatorProfile.tsx
@@ -94,7 +94,7 @@ export function OperatorProfile() {
                   Domain → Capabilities
                 </h3>
               </div>
-              <p className="section-label text-blacksite-faint">OPERATING SURFACE</p>
+              <p className="section-label text-blacksite-muted">OPERATING SURFACE</p>
             </div>
 
             <div className="overflow-hidden rounded-xl border border-blacksite-line">
diff --git a/components/portfolio/WorkIndex.tsx b/components/portfolio/WorkIndex.tsx
index 05d0a16..cb5b0c7 100644
--- a/components/portfolio/WorkIndex.tsx
+++ b/components/portfolio/WorkIndex.tsx
@@ -110,7 +110,7 @@ export function WorkIndex() {
                       PROJECT
                     </p>
                     <div className="flex items-baseline gap-3">
-                      <span className="font-mono text-xs text-blacksite-faint">
+                      <span className="font-mono text-xs text-blacksite-muted">
                         {String(index + 1).padStart(2, "0")}
                       </span>
                       <h3
@@ -129,7 +129,7 @@ export function WorkIndex() {
                   </div>
 
                   <div>
-                    <p className="section-label mb-1 text-blacksite-faint md:hidden">
+                    <p className="section-label mb-1 text-blacksite-muted md:hidden">
                       TYPE
                     </p>
                     <p className="text-sm leading-5 text-blacksite-muted">
@@ -138,7 +138,7 @@ export function WorkIndex() {
                   </div>
 
                   <div>
-                    <p className="section-label mb-1 text-blacksite-faint md:hidden">
+                    <p className="section-label mb-1 text-blacksite-muted md:hidden">
                       STATUS
                     </p>
                     <p className="flex items-center gap-2 font-mono text-xs uppercase tracking-[0.16em] text-blacksite-muted">
@@ -150,7 +150,7 @@ export function WorkIndex() {
                   </div>
 
                   <div className="md:text-right">
-                    <p className="section-label mb-1 text-blacksite-faint md:hidden">
+                    <p className="section-label mb-1 text-blacksite-muted md:hidden">
                       YEAR
                     </p>
                     <p className="font-mono text-xs text-blacksite-muted">
@@ -229,7 +229,7 @@ export function WorkIndex() {
                           ))}
                         </div>
                       ) : (
-                        <p className="font-mono text-xs uppercase tracking-[0.14em] text-blacksite-faint">
+                        <p className="font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted">
                           Closed / internal artifact
                         </p>
                       )}