Create style.css

style.css

@@ -0,0 +1,45 @@
+:root{
+  --novoyaz-bg: #EFE5D0;      /* emblem beige */
+  --novoyaz-red: #B22222;     /* soviet/empire red */
+  --novoyaz-yellow: #D4A017;  /* dark yellow */
+  --novoyaz-black: #000000;
+}
+
+/* App background + default text */
+html, body, .gradio-container{
+  background: var(--novoyaz-bg) !important;
+  color: var(--novoyaz-black) !important;
+}
+
+/* Ensure prose/markdown stays black */
+.gradio-container .prose, .gradio-container .prose *{
+  color: var(--novoyaz-black) !important;
+}
+
+/* Inputs/panels to match style */
+textarea, input, .gr-textbox, .gr-panel, .gr-accordion, .gr-box{
+  background: #FFFDF5 !important;
+  color: var(--novoyaz-black) !important;
+  border: 1.5px solid var(--novoyaz-black) !important;
+}
+
+/* Buttons: red bg, dark yellow text, black outline */
+button, .gr-button, .gr-button-primary{
+  background: var(--novoyaz-red) !important;
+  color: var(--novoyaz-yellow) !important;
+  border: 2px solid var(--novoyaz-black) !important;
+  box-shadow: 0 2px 0 var(--novoyaz-black) !important;
+  text-shadow:
+    -0.6px -0.6px 0 var(--novoyaz-black),
+     0.6px -0.6px 0 var(--novoyaz-black),
+    -0.6px  0.6px 0 var(--novoyaz-black),
+     0.6px  0.6px 0 var(--novoyaz-black);
+}
+button:hover{ filter: brightness(1.05); transform: translateY(-1px); }
+button:active{ transform: translateY(0); box-shadow: none !important; }
+
+/* Logo framing */
+#novoyaz-logo img{
+  border: 3px solid var(--novoyaz-black);
+  border-radius: 12px;
+}