From 51ac1a76de84cb1642ba0980905fd5ec4ff5686f Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Fri, 19 Jun 2026 22:00:26 -0400
Subject: [PATCH 1/2] fix(dark): hero text + button legibility on navy ground
 (Phase 18 W3)

Bind page-text/page-text-muted tokens directly in hero base rules (drop
:global overrides); dark-mode overrides for btn-primary (green-accent fill)
and btn-ghost (white text, light border).
---
 .../Controls/DeepDrftHero.razor.css           | 21 ++++++------------
 .../wwwroot/styles/deepdrft-styles.css        | 22 +++++++++++++++++++
 2 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/DeepDrftHero.razor.css b/DeepDrftPublic.Client/Controls/DeepDrftHero.razor.css
index c368388..27441a9 100644
--- a/DeepDrftPublic.Client/Controls/DeepDrftHero.razor.css
+++ b/DeepDrftPublic.Client/Controls/DeepDrftHero.razor.css
@@ -36,7 +36,7 @@
     font-weight: 300;
     line-height: 0.92;
     letter-spacing: -0.02em;
-    color: var(--deepdrft-navy);
+    color: var(--deepdrft-page-text);
     margin-bottom: 0.5rem;
     animation-delay: 0.22s;
 }
@@ -51,7 +51,7 @@
     font-size: clamp(1rem, 2vw, 1.35rem);
     font-weight: 300;
     font-style: italic;
-    color: var(--deepdrft-muted);
+    color: var(--deepdrft-page-text-muted);
     margin-bottom: 3rem;
     letter-spacing: 0.04em;
     animation-delay: 0.34s;
@@ -61,7 +61,7 @@
     font-family: var(--deepdrft-font-body);
     font-size: 0.92rem;
     line-height: 1.75;
-    color: var(--deepdrft-navy);
+    color: var(--deepdrft-page-text);
     opacity: 0.7;
     max-width: 36ch;
     margin-bottom: 3rem;
@@ -82,17 +82,10 @@
     }
 }
 
-/* Dark-mode text overrides (Phase 18, Correction B).
-   Light mode is pixel-identical — no changes to the rules above.
-   In dark, the navy page ground makes --deepdrft-navy text invisible; invert to light tokens. */
-:global(.deepdrft-theme-dark) .hero-title {
-    color: var(--deepdrft-page-text);
-}
-
+/* Dark-mode accent override (Phase 18, Wave 3).
+   .hero-title and .hero-desc bind --deepdrft-page-text directly above (theme-aware).
+   The em italic is the only element needing an explicit dark lift:
+   --deepdrft-green (#1A3C34) is low-contrast on the navy ground; lift to green-accent. */
 :global(.deepdrft-theme-dark) .hero-title em {
     color: var(--deepdrft-green-accent);
 }
-
-:global(.deepdrft-theme-dark) .hero-desc {
-    color: var(--deepdrft-page-text);
-}
diff --git a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
index c6e12a1..6f6540a 100644
--- a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
+++ b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
@@ -613,6 +613,28 @@ body:has(.waveform-visualizer-control-overlay) {
     }
 }
 
+/* Dark-mode button overrides (Phase 18, Wave 3).
+   In dark, --deepdrft-navy fill/text blends into the #0D1B2A page ground.
+   Primary: green-accent fill + navy text reads as a clear CTA (matches play-chip language).
+   Ghost: white text + light border stands off the dark ground. */
+.deepdrft-theme-dark .btn-primary {
+    background: var(--deepdrft-green-accent);
+    color: var(--deepdrft-navy);
+}
+
+.deepdrft-theme-dark .btn-primary:hover {
+    background: var(--deepdrft-green-light);
+}
+
+.deepdrft-theme-dark .btn-ghost {
+    color: var(--deepdrft-page-text);
+    border-color: var(--deepdrft-border-light);
+}
+
+.deepdrft-theme-dark .btn-ghost:hover {
+    border-color: var(--deepdrft-page-text);
+}
+
 /* =============================================================================
    CUT ALBUM DETAIL  (/cuts/{id})
    Header splits left-meta / right-cover; the cover carries an explicit theme

From 3bf95538bd1f2cd20a9c8b1428e8b020e15dee86 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Fri, 19 Jun 2026 22:05:32 -0400
Subject: [PATCH 2/2] fix: dark btn-primary hover uses green-interactive
 (#429d6a) not green-light (#2A5C4F) so contrast improves on hover

---
 DeepDrftPublic/wwwroot/styles/deepdrft-styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
index 6f6540a..562e53d 100644
--- a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
+++ b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css
@@ -623,7 +623,7 @@ body:has(.waveform-visualizer-control-overlay) {
 }
 
 .deepdrft-theme-dark .btn-primary:hover {
-    background: var(--deepdrft-green-light);
+    background: var(--deepdrft-green-interactive);
 }
 
 .deepdrft-theme-dark .btn-ghost {