Update style.css

style.css

@@ -1,11 +1,16 @@
 /* 👻 GhostPack Spectral Styles 😈 */
 body {
     background: #0a0a0a; /* Deep black base */
-    color: #ffffff; /* Pure white text for high contrast */
+    color: #ffffff; /* Pure white text */
     font-family: 'Roboto', sans-serif;
     overflow-x: hidden;
 }
 
+h1, h2, h3, h4, h5, h6 {
+    color: #00ffcc; /* Neon cyan for all headings, high contrast */
+    text-shadow: 0 0 8px rgba(0, 255, 204, 0.5); /* Neon glow */
+}
+
 .bg-ghost-nav {
     background: linear-gradient(90deg, #1a2a2e, #2e3b3e); /* Dark gradient */
     box-shadow: 0 4px 12px rgba(0, 255, 204, 0.3); /* Neon cyan shadow */
@@ -83,6 +88,18 @@ body {
     padding: 1.2rem;
 }
 
+.bg-ghost-card h1,
+.bg-ghost-card h2,
+.bg-ghost-card h3,
+.bg-ghost-card h4,
+.bg-ghost-alt-card h1,
+.bg-ghost-alt-card h2,
+.bg-ghost-alt-card h3,
+.bg-ghost-alt-card h4 {
+    color: #00ffcc; /* Neon cyan headings in cards */
+    text-shadow: 0 0 8px rgba(0, 255, 204, 0.5);
+}
+
 .btn-ghost {
     background: linear-gradient(45deg, #00ffcc, #00cc99); /* Neon gradient */
     border: none;
@@ -129,7 +146,7 @@ pre {
 }
 
 .light-lead-text {
-    color: #e0e0e0; /* Light grey for alternate cards, but ensured contrast with dark background */
+    color: #e0e0e0; /* Light grey, but contrasts with #2a3a3e (~4.5:1 ratio) */
 }
 
 .nav-tabs .nav-link {
@@ -183,5 +200,5 @@ pre {
 }
 
 .text-muted {
-    color: #cccccc !important; /* Light grey for muted text, contrasts with dark */
+    color: #cccccc !important; /* Light grey, contrasts with dark (~4.5:1) */
 }