fix(ui): ensure complementary text colors in modals for light and dark modes

Author: devanshi14malhotra

frontend/css/style.css

@@ -1022,6 +1022,7 @@ main {
     overflow-y: auto;
     animation: modalIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     max-height: 90vh;
+    color: var(--text-main);
 }
 
 [data-theme="night"] .modal-content {
@@ -1124,7 +1125,7 @@ main {
 #modal-ai-note {
     font-family: "Georgia", serif;
     font-style: italic;
-    color: #4a3f35 !important; /* Dark brown for high contrast */
+    color: var(--text-main) !important;
     line-height: 1.6;
     font-size: 1.05rem;
     display: block;
@@ -2008,6 +2009,7 @@ display: grid;
     box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3);
     display: flex;
     flex-direction: column;
+    color: var(--text-main);
 }
 
 .genre-modal-header {