fix: text visibility for dark text variables and hero caption background in dark mode

Author: devanshi14malhotra

frontend/css/landing.css

@@ -848,7 +848,7 @@ body.landing-page .landing-shell {
 }
 
 .about-floating-chip i {
-    color: var(--landing-wood);
+    color: var(--landing-text-strong);
 }
 
 .about-mini,
@@ -903,7 +903,7 @@ body.landing-page .landing-shell {
 .about-mood-pill:nth-child(3) i { color: #6e8b74; }
 
 .about-mood-pill i {
-    color: var(--landing-wood);
+    color: var(--landing-text-strong);
 }
 
 .mini-feature-card {
@@ -926,7 +926,7 @@ body.landing-page .landing-shell {
     display: grid;
     place-items: center;
     background: rgba(212, 175, 55, 0.12);
-    color: var(--landing-wood);
+    color: var(--landing-text-strong);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
 }
 
@@ -976,7 +976,7 @@ body.landing-page .landing-shell {
 .feature-card i,
 .workflow-step span,
 .quote-card i {
-    color: var(--landing-wood);
+    color: var(--landing-text-strong);
 }
 
 .about-mood-pill strong,
@@ -1067,7 +1067,7 @@ body.landing-page .landing-shell {
     display: grid;
     place-items: center;
     background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(212,175,55,0.06));
-    color: var(--landing-wood);
+    color: var(--landing-text-strong);
     font-size: 1.08rem;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
     transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
@@ -1311,7 +1311,7 @@ body.landing-page .landing-shell {
     padding: 0.35rem 0.65rem;
     border-radius: 999px;
     background: rgba(212,175,55,0.12);
-    color: var(--landing-wood);
+    color: var(--landing-text-strong);
     font-size: 0.85rem;
     font-weight: 600;
 }
@@ -1431,7 +1431,7 @@ body.landing-page .landing-shell {
 
 .footer-bottom a:hover,
 .footer-bottom a:focus-visible {
-    color: var(--landing-wood);
+    color: var(--landing-text-strong);
     outline: none;
 }
 
@@ -1864,6 +1864,7 @@ body.is-leaving {
 
 /* Dark Theme Overrides */
 html[data-theme='night'] {
+    --landing-text-strong: var(--landing-ink);
     --landing-bg: #1a1512;
     --landing-surface: rgba(44, 36, 32, 0.72);
     --landing-surface-strong: rgba(44, 36, 32, 0.86);
@@ -1937,3 +1938,9 @@ html[data-theme='night'] .blossom-toggle:hover,
 html[data-theme='night'] .secondary-about-btn:hover {
     background: rgba(255, 255, 255, 0.15);
 }
+
+html[data-theme='night'] .hero-caption,
+html[data-theme='night'] .hero-book-stack::before {
+    background: rgba(255, 255, 255, 0.05);
+    border-color: rgba(255, 255, 255, 0.1);
+}