feature: Dark Theme Home & About Styles

DeepDrftPublic.Client/Controls/DeepDrftHero.razor.css

@@ -13,7 +13,7 @@
     font-family: var(--deepdrft-font-mono);
     font-size: 0.65rem;
     letter-spacing: 0.28em;
-    color: var(--deepdrft-green-accent);
+    color: var(--deepdrft-green);
     text-transform: uppercase;
     margin-bottom: 1.8rem;
     display: flex;
@@ -27,7 +27,7 @@
     display: block;
     width: 2.5rem;
     height: 1px;
-    background: var(--deepdrft-green-accent);
+    background: var(--deepdrft-green);
 }
 
 .hero-title {
@@ -43,7 +43,7 @@
 
 .hero-title em {
     font-style: italic;
-    color: var(--deepdrft-green);
+    color: var(--deepdrft-green-accent);
 }
 
 .hero-subtitle {

DeepDrftPublic.Client/Pages/About.razor

@@ -23,8 +23,8 @@
 
 @* ── HERO — the page opener. Reuses the .hero-* type scale with About's own words.
    NOT DeepDrftHero (that hard-codes the Deep/DRFT masthead + streaming CTA). ── *@
-<section class="hero">
-    <MudGrid Spacing="0" Style="height: 100%;">
+<section class="hero pb-20">
+    <MudGrid Spacing="0">
         <MudItem xs="12" md="6">
             <div class="hero-left">
                 <div class="hero-eyebrow @AnimClass">Charleston, South Carolina</div>

DeepDrftPublic.Client/Pages/About.razor.css

@@ -25,7 +25,6 @@
 
 /* ── HERO — the page opener (type scale from Home's .hero-*) ── */
 .hero {
-    min-height: 100vh;
     overflow: hidden;
 }
 
@@ -56,7 +55,7 @@
     font-family: var(--deepdrft-font-mono);
     font-size: 0.65rem;
     letter-spacing: 0.28em;
-    color: var(--deepdrft-green-accent);
+    color: var(--deepdrft-green);
     text-transform: uppercase;
     margin-bottom: 1.8rem;
     display: flex;
@@ -70,7 +69,7 @@
     display: block;
     width: 2.5rem;
     height: 1px;
-    background: var(--deepdrft-green-accent);
+    background: var(--deepdrft-green);
 }
 
 .hero-title {
@@ -86,7 +85,7 @@
 
 .hero-title em {
     font-style: italic;
-    color: var(--deepdrft-green);
+    color: var(--deepdrft-green-accent);
 }
 
 .hero-desc {
@@ -148,7 +147,7 @@
 }
 
 .movement.is-active .rail-numeral {
-    color: var(--deepdrft-green-accent);
+    color: var(--deepdrft-green);
     opacity: 0.95;
 }
 
@@ -195,7 +194,7 @@
 
 .wave-stroke path {
     fill: none;
-    stroke: var(--deepdrft-green-accent);
+    stroke: var(--deepdrft-green);
     stroke-width: 1.4;
     opacity: 0.7;
     vector-effect: non-scaling-stroke;
@@ -221,7 +220,7 @@
     font-family: var(--deepdrft-font-mono);
     font-size: 0.62rem;
     letter-spacing: 0.28em;
-    color: var(--deepdrft-green-accent);
+    color: var(--deepdrft-green);
     text-transform: uppercase;
     margin-bottom: 1.4rem;
 }
@@ -237,7 +236,7 @@
 
 .movement-title em {
     font-style: italic;
-    color: var(--deepdrft-green);
+    color: var(--deepdrft-green-accent);
 }
 
 .movement-prose {
@@ -355,7 +354,7 @@
     font-family: var(--deepdrft-font-mono);
     font-size: 0.62rem;
     letter-spacing: 0.28em;
-    color: var(--deepdrft-green-accent);
+    color: var(--deepdrft-green);
     text-transform: uppercase;
     margin-bottom: 1.2rem;
 }

DeepDrftPublic.Client/Pages/Home.razor.css

@@ -64,7 +64,7 @@
     font-family: var(--deepdrft-font-mono);
     font-size: 0.62rem;
     letter-spacing: 0.28em;
-    color: var(--deepdrft-green-accent);
+    color: var(--deepdrft-green);
     text-transform: uppercase;
     margin-bottom: 1.2rem;
 }
@@ -79,7 +79,7 @@
 
 .section-title em {
     font-style: italic;
-    color: var(--deepdrft-green);
+    color: var(--deepdrft-green-accent);
 }
 
 /* The body column is already full height; make it a flex container that