Fix verse text color for light mode in resource pages

Changed hardcoded #e8e8e8 (light gray) to var(--text-secondary)
so verse text is readable in both light and dark modes.

Affected templates:
- resource_detail.html
- biblical_angels.html
- twelve_apostles.html
- biblical_prophets.html
- names_of_god.html
- biblical_covenants.html
- biblical_festivals.html
- parables.html
- women_of_the_bible.html
- tetragrammaton.html

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

kjvstudy_org/templates/biblical_angels.html

@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 

kjvstudy_org/templates/biblical_covenants.html

@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 

kjvstudy_org/templates/biblical_festivals.html

@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 

kjvstudy_org/templates/biblical_prophets.html

@@ -105,7 +105,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 

kjvstudy_org/templates/names_of_god.html

@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 

kjvstudy_org/templates/parables.html

@@ -109,7 +109,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 

kjvstudy_org/templates/resource_detail.html

@@ -55,7 +55,7 @@
 .verse-text {
     max-width: 75%;
     font-style: italic;
-    color: #e8e8e8 !important;
+    color: var(--text-secondary);
     line-height: 1.8;
     font-size: 1.1rem;
 }

kjvstudy_org/templates/tetragrammaton.html

@@ -5,6 +5,11 @@
 
 {% block head %}
 <style>
+.verse-text {
+    color: var(--text-secondary);
+    font-style: italic;
+}
+
 .toc {
     max-width: 55%;
     margin: 2rem 0;
@@ -134,7 +139,7 @@
     {% for verse in section.verses %}
     <p style="margin: 1rem 0; padding-left: 1.5rem; border-left: 2px solid var(--border-color-dark);">
         <strong><a href="/book/{{ verse.reference.rsplit(' ', 1)[0] }}/chapter/{{ verse.reference.rsplit(' ', 1)[1].split(':')[0] }}/verse/{{ verse.reference.rsplit(' ', 1)[1].split(':')[1] if ':' in verse.reference else '1' }}">{{ verse.reference }}</a></strong><br/>
-        <em style="color: #e8e8e8;">{{ verse.text }}</em>
+        <em class="verse-text">{{ verse.text }}</em>
     </p>
     {% endfor %}
     {% endif %}

kjvstudy_org/templates/twelve_apostles.html

@@ -105,7 +105,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 

kjvstudy_org/templates/women_of_the_bible.html

@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }