style: Phase 18 Wave 2 — appbar navy, dark hero legibility, true page ground, green-on-green play chip

DeepDrftShared.Client/wwwroot/styles/deepdrft-tokens.css

@@ -131,17 +131,19 @@
     --gradient-warm: var(--deepdrft-green);
     --gradient-light: var(--deepdrft-green-light);
 
-    /* Theme-aware page-surface family (Phase 18) — inverted onto the navy ground.
-       OQ#1 resolved: GROUND (--deepdrft-navy), so neutral sections (Home hero-left,
+    /* Theme-aware page-surface family (Phase 18) — inverted onto the true page ground.
+       Binds --mud-palette-background (#0D1B2A) so neutral sections (Home hero-left,
        medium grid, footer, About light sections) dissolve into the site background as
-       one continuous dark field rather than reading as raised panels. */
-    --deepdrft-page-surface: var(--deepdrft-navy);
+       one continuous dark field rather than reading as raised panels (#112338 navy
+       is card-elevation, not the page ground). */
+    --deepdrft-page-surface: var(--mud-palette-background);
     --deepdrft-page-text: var(--deepdrft-white);
     /* Lift muted text toward white so eyebrows/sub-text stay legible on the dark ground. */
     --deepdrft-page-text-muted: color-mix(in srgb, var(--deepdrft-muted) 70%, var(--deepdrft-white));
 
-    /* Play-chip family (Phase 18) — moss-green chip, navy glyph. The -soft variant is the
-       player-bar override: same green, much less opaque (translucent wash over the navy dock). */
+    /* Play-chip family (Phase 18) — moss-green chip, navy glyph (green-on-green on the
+       player bar; navy-on-green on solid chips). The -soft variant is the player-bar
+       override: same green, much less opaque (translucent wash over the navy dock). */
     --deepdrft-play-chip: var(--deepdrft-green-accent);
     --deepdrft-play-glyph: var(--deepdrft-navy);
     --deepdrft-play-chip-soft: color-mix(in srgb, var(--deepdrft-green-accent) 30%, transparent);