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

This commit is contained in:
daniel-c-harvey
2026-06-19 20:32:21 -04:00
parent 0f7088fe86
commit fcc95b9195
6 changed files with 44 additions and 11 deletions
@@ -607,6 +607,14 @@
.btn-outline-white:hover { border-color: var(--deepdrft-white); }
/* ── DARK-MODE OVERRIDES ── */
/* In dark mode, decorative em accents that use --deepdrft-green (#1A3C34) become
near-invisible on the navy ground. Switch to --deepdrft-green-accent (#3D7A68). */
:global(.deepdrft-theme-dark) .hero-title em,
:global(.deepdrft-theme-dark) .movement-title em {
color: var(--deepdrft-green-accent);
}
/* ══════════════════ RESPONSIVE COLLAPSE ══════════════════
Below 960px the rail collapses: the spine + vertical numeral can't survive a
@@ -560,6 +560,14 @@
.btn-outline-white:hover { border-color: var(--deepdrft-white); }
/* ── DARK-MODE OVERRIDES ── */
/* In dark mode, decorative em accents that use --deepdrft-green (#1A3C34) become
near-invisible on the navy ground. Switch to --deepdrft-green-accent (#3D7A68). */
:global(.deepdrft-theme-dark) .section-title em,
:global(.deepdrft-theme-dark) .connect-title em {
color: var(--deepdrft-green-accent);
}
@media (max-width: 599px) {
.cta-banner {
flex-direction: column;