Fix search tips box dark mode styling

Use CSS variables and add dark mode overrides for proper contrast.

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

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

kjvstudy_org/templates/search.html

@@ -145,8 +145,8 @@
 .search-tips {
     margin: 2rem 0;
     padding: 1.5rem;
-    background: #f9f9f9;
-    border-left: 3px solid #111;
+    background: var(--code-bg);
+    border-left: 3px solid var(--text-color);
 }
 
 .search-tips h3 {
@@ -157,6 +157,11 @@
     line-height: 1.8;
 }
 
+[data-theme="dark"] .search-tips {
+    background: #1a1a1a;
+    border-left-color: #6b9b7a;
+}
+
 /* Mobile optimizations */
 @media (max-width: 768px) {
     .search-input-wrapper {