Update style.css

style.css

@@ -1,3 +1,6 @@
+/* ─────────────────────────────────────────
+   Core theme variables
+────────────────────────────────────────── */
 :root {
   --zen-accent-h: 220;   /* Change for color theme */
   --zen-accent-s: 95%;
@@ -5,25 +8,52 @@
   --zen-font: "Inter", "Segoe UI", Arial, sans-serif;
 }
 
+/* ─────────────────────────────────────────
+   Global text & layout
+────────────────────────────────────────── */
 html, body, * {
   font-family: var(--zen-font);
   font-size: 1.08em;
 }
 
+/* NEW: default page text is solid black  */
+body {
+  background: #f7fafe;     /* existing backdrop */
+  color: #000;             /* ← readable on light bg */
+}
+
+/* NEW: ensure markdown & headings inherit black */
+.gr-markdown, .markdown-body,
+.gr-block, p,
+h1, h2, h3, h4, h5, h6 {
+  color: #000;
+}
+
+/* ─────────────────────────────────────────
+   Buttons
+────────────────────────────────────────── */
 .gr-button-primary {
   background: hsl(var(--zen-accent-h) var(--zen-accent-s) var(--zen-accent-l));
-  color: white;
+  color: #fff;
   border: none;
 }
 .gr-button-primary:hover { filter: brightness(1.1); }
 
+/* ─────────────────────────────────────────
+   Chatbot bubbles
+────────────────────────────────────────── */
 .gr-chatbot .message.user {
   background: hsla(var(--zen-accent-h) var(--zen-accent-s) calc(var(--zen-accent-l) + 25%), .18);
+  color: #000;       /* NEW: readable text */
 }
 .gr-chatbot .message.bot  {
   background: hsla(var(--zen-accent-h) var(--zen-accent-s) calc(var(--zen-accent-l) + 15%), .13);
+  color: #000;       /* NEW: readable text */
 }
 
+/* ─────────────────────────────────────────
+   Media & input
+────────────────────────────────────────── */
 .gr-image, .gr-plot {
   border-radius: 12px;
   box-shadow: 0 4px 16px rgba(0,0,0,.07);
@@ -34,6 +64,12 @@ html, body, * {
   border-radius: 8px;
 }
 
-body {
-  background: #f7fafe;
+/* NEW: text inside textareas is black */
+.gr-textbox textarea {
+  color: #000;
+}
+
+/* Optional: links keep accent hue */
+a {
+  color: hsl(var(--zen-accent-h) var(--zen-accent-s) var(--zen-accent-l));
 }