style: refine dark theme colors, add hero banner fade, and prevent descender clipping in titles.

Author: Alexia Michelle

src/css/custom.css

@@ -29,11 +29,11 @@
 }
 
 /* Premium Dark overrides */
-[data-theme='dark'] {
-  --ifm-background-color: #050507;
-  /* Even deeper charcoal background */
-  --ifm-navbar-background-color: rgba(5, 5, 7, 0.7);
-  --ifm-footer-background-color: #050507;
+html[data-theme='dark'] {
+  --ifm-background-color: #020203;
+  /* Deepest midnight background */
+  --ifm-navbar-background-color: rgba(2, 2, 3, 0.75);
+  --ifm-footer-background-color: #020203;
   /* Unified with background */
 
   --ifm-font-color-base: #eceef2;
@@ -68,6 +68,12 @@
   background: var(--ifm-navbar-background-color);
 }
 
+.navbar__title {
+  font-weight: 600;
+  padding-bottom: 2px;
+  /* Prevent 'g' clipping */
+}
+
 
 .footer {
   background-color: var(--ifm-background-color) !important;

src/pages/index.module.css

@@ -11,6 +11,18 @@
   background: radial-gradient(circle at 50% 120%, #120124 0%, #030107 100%);
 }
 
+.heroBanner::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 150px;
+  background: linear-gradient(to bottom, transparent, #050507);
+  pointer-events: none;
+  z-index: 2;
+}
+
 
 
 .heroBanner :global(.container) {
@@ -28,7 +40,10 @@
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
-  line-height: 1.1;
+  line-height: 1.25;
+  /* Increased to prevent clipping of 'g' descenders */
+  padding-bottom: 0.1em;
+  /* Extra breathing room */
 }