Upload style.css

style.css

@@ -24,7 +24,7 @@
     --color-translation-text: var(--text-primary);
     
     --shadow-card: 0 4px 14px rgba(0, 0, 0, 0.45);
-    --shadow-header-badge: 0 3px 12px rgba(0, 0, 0, 0.4), 0 0 8px rgba(212, 175, 55, 0.3);
+    --shadow-header-badge: 0 3px 12px rgba(0, 0, 0, 0.4), 0 0 8px var(--gold-glow);
     
     --modal-overlay-bg: rgba(0, 0, 0, 0.85);
     --modal-card-bg: #262222;
@@ -97,7 +97,8 @@ gradio-app {
     gap: 12px !important;
 }
 
-h1 {
+.header-titles h1,
+.app-title {
     text-align: center;
     color: var(--gold) !important;
     font-weight: 800 !important;
@@ -107,7 +108,8 @@ h1 {
     white-space: nowrap !important;
 }
 
-h2 {
+.header-titles h2,
+.app-subtitle {
     text-align: center;
     color: var(--text-body) !important;
     font-weight: 400 !important;
@@ -187,7 +189,7 @@ h3, .card-title {
    4. PRIMARY ACTION BUTTONS
    ============================================================================== */
 .translate-btn, .modal-done-btn, button.primary {
-    background: linear-gradient(135deg, var(--gold) 0%, #be9007 100%) !important;
+    background: linear-gradient(135deg, var(--gold) 0%, #b8860b 100%) !important;
     color: #221f1f !important;
     font-weight: 800 !important;
     font-size: 18px !important;
@@ -241,7 +243,7 @@ h3, .card-title {
     margin: 0 0 0 0 !important;
     text-transform: uppercase !important;
     letter-spacing: 1px !important;
-    text-shadow: 0 0 2px var(--gold) !important;
+    text-shadow: none !important;
 }
 
 .examples-row .gradio-html,
@@ -642,21 +644,24 @@ input[type="file"] {
 .info-markdown h1,
 .info-markdown h2 {
     color: var(--gold) !important;
-    font-size: 15.5px !important;
-    font-weight: 700 !important;
+    font-size: 16.5px !important;
+    font-weight: 800 !important;
     text-align: left !important;
-    margin: 16px 0 8px 0 !important;
-    letter-spacing: 0.4px !important;
-    border-bottom: 1px solid var(--gold-border-subtle) !important;
-    padding-bottom: 4px !important;
+    margin: 20px 0 10px 0 !important;
+    letter-spacing: 0.5px !important;
+    border-bottom: 1.5px solid var(--gold-border-subtle) !important;
+    padding-bottom: 5px !important;
+    opacity: 1 !important;
 }
 
 .info-markdown h3 {
-    color: var(--text-primary) !important;
+    color: var(--gold) !important;
     font-size: 14.5px !important;
     font-weight: 700 !important;
     text-align: left !important;
     margin: 14px 0 6px 0 !important;
+    letter-spacing: 0.3px !important;
+    opacity: 1 !important;
 }
 
 .info-markdown p {
@@ -1299,16 +1304,24 @@ gradio-app.light-theme,
 .light-theme blockquote,
 .light-theme .info-text,
 .light-theme .info-markdown,
-.light-theme .info-markdown *,
+.light-theme .info-markdown p,
+.light-theme .info-markdown span,
+.light-theme .info-markdown li,
+.light-theme .info-markdown ul,
+.light-theme .info-markdown ol,
 .light-theme .prose,
-.light-theme .prose * {
+.light-theme .prose p {
     color: #1e293b !important;
 }
 
-.light-theme h1,
-.light-theme h2,
-.light-theme h3,
-.light-theme h4,
+.light-theme .info-markdown h1,
+.light-theme .info-markdown h2,
+.light-theme .info-markdown h3 {
+    color: #b8860b !important;
+    opacity: 1 !important;
+    border-color: var(--gold-border-subtle) !important;
+}
+
 .light-theme strong {
     color: #0f172a !important;
 }