fix: add light mode text color overrides for recommendation section

static/style.css

@@ -1904,6 +1904,61 @@ footer p {
   background: rgba(0, 0, 0, 0.06);
 }
 
+[data-theme="light"] .rec-title {
+  color: #1a1a2e;
+}
+
+[data-theme="light"] .rec-subtitle {
+  color: #6b7280;
+}
+
+[data-theme="light"] .rec-ticker {
+  color: #111827;
+}
+
+[data-theme="light"] .rec-name {
+  color: #6b7280;
+}
+
+[data-theme="light"] .rec-price {
+  color: #111827;
+}
+
+[data-theme="light"] .rec-price-change.rec-ch-positive {
+  color: #16a34a;
+}
+
+[data-theme="light"] .rec-price-change.rec-ch-negative {
+  color: #dc2626;
+}
+
+[data-theme="light"] .rec-price-change.rec-ch-neutral {
+  color: #d97706;
+}
+
+[data-theme="light"] .rec-change-badge.rec-badge-positive {
+  background: rgba(22, 163, 74, 0.1);
+  color: #16a34a;
+}
+
+[data-theme="light"] .rec-change-badge.rec-badge-negative {
+  background: rgba(220, 38, 38, 0.1);
+  color: #dc2626;
+}
+
+[data-theme="light"] .rec-change-badge.rec-badge-neutral {
+  background: rgba(217, 119, 6, 0.1);
+  color: #d97706;
+}
+
+[data-theme="light"] .rec-nav-btn {
+  color: #4b5563;
+}
+
+[data-theme="light"] .rec-nav-btn:hover:not(:disabled) {
+  color: #111827;
+}
+
 [data-theme="light"] .rec-card-skeleton {
   background: rgba(0, 0, 0, 0.02);
   border-color: rgba(0, 0, 0, 0.08);

templates/index.html

@@ -14,7 +14,7 @@
         })();
     </script>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/static/style.css?v=8">
+    <link rel="stylesheet" href="/static/style.css?v=9">
     <link rel="icon" type="image/svg+xml"
         href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22 fill=%22%233b82f6%22>IA</text></svg>">
 </head>