Update app.py

app.py

@@ -35,7 +35,7 @@ body {
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.08em;
-    color: #d4e3f2;
+    color: #ffffff !important;
     margin-bottom: 12px;
 }
 
@@ -45,7 +45,7 @@ body {
     line-height: 1.08;
     font-weight: 800;
     letter-spacing: -0.02em;
-    color: #ffffff;
+    color: #ffffff !important;
 }
 
 .hero-subtitle {
@@ -53,7 +53,7 @@ body {
     margin: 0;
     font-size: 1.02rem;
     line-height: 1.75;
-    color: #eaf2f9;
+    color: #ffffff !important;
 }
 
 .hero-bar {
@@ -75,12 +75,12 @@ body {
     display: block;
     font-size: 0.92rem;
     margin-bottom: 4px;
-    color: #ffffff;
+    color: #ffffff !important;
 }
 
 .hero-stat span {
     font-size: 0.84rem;
-    color: #d8e5f1;
+    color: #ffffff !important;
     line-height: 1.45;
 }
 
@@ -102,7 +102,7 @@ body {
     margin: 0 0 6px 0;
     font-size: 1.2rem;
     font-weight: 800;
-    color: #17324b;
+    color: #17324a;
 }
 
 .panel-copy {
@@ -157,7 +157,7 @@ textarea {
     border: 1px solid #ccd5de !important;
     border-radius: 8px !important;
     font-size: 0.98rem !important;
-    color: #1b2b38 !important;
+    color: #27272A !important;
     box-shadow: none !important;
 }
 
@@ -255,37 +255,26 @@ button.secondary:hover {
     color: #16324a;
 }
 
-@media (max-width: 900px) {
-    .hero-title {
-        font-size: 2rem;
-    }
-
-    .hero-bar,
-    .metric-strip {
-        grid-template-columns: 1fr;
-    }
-}
-.hero-title,
-.hero-subtitle,
-.eyebrow,
-.hero-stat strong,
-.hero-stat span {
-    color: #ffffff !important;
-}
-
+/* requested text color fixes */
 .svelte-11gaq1 {
     color: #27272A !important;
 }
 
-label[for*="examples"],
-.samples-table,
-.samples-table *,
-div:has(> .samples-table) {
+[data-testid="textbox"],
+[data-testid="textbox"] *,
+[data-testid="textbox"] textarea,
+[data-testid="textbox"] textarea:hover,
+[data-testid="textbox"] textarea:focus {
     color: #27272A !important;
 }
 
-[data-testid="textbox"],
-[data-testid="textbox"] * {
+.examples,
+.examples *,
+.dataset-header,
+.dataset-header *,
+.samples-table,
+.samples-table *,
+label[for*="examples"] {
     color: #27272A !important;
 }
 
@@ -293,6 +282,28 @@ div:has(> .samples-table) {
 .svelte-xxobeb:hover * {
     color: #27272A !important;
 }
+
+/* keep hero text white no matter what */
+.hero-shell *,
+.hero-inner *,
+.hero-title,
+.hero-subtitle,
+.eyebrow,
+.hero-stat strong,
+.hero-stat span {
+    color: #ffffff !important;
+}
+
+@media (max-width: 900px) {
+    .hero-title {
+        font-size: 2rem;
+    }
+
+    .hero-bar,
+    .metric-strip {
+        grid-template-columns: 1fr;
+    }
+}
 """