Update css/theme.css

css/theme.css

@@ -1,23 +1,32 @@
-with gr.Blocks(title="Minimal Selfhood Threshold") as demo:
-    with open("css/theme.css") as f:
-        gr.HTML(f"<style>{f.read()}</style>")
 :root {
-  --bg: #080f1e;
-  --fg: #e8eaf0;
-  --accent: #ffd228; /* gold */
-  --muted: #b7c0d4;
+  --bg: #080f1e;       /* deep midnight blue */
+  --fg: #e8eaf0;       /* light foreground text */
+  --gold: #ffd228;     /* gold for awakened cells */
+  --blue: #1e3a8a;     /* dim blue for sleeping cells */
+  --muted: #b7c0d4;    /* muted text */
 }
+
 .gradio-container {
   background: var(--bg);
   color: var(--fg);
 }
+
 h1, h2, h3, h4 {
   color: var(--fg);
 }
+
+button {
+  border-radius: 10px !important;
+  background-color: var(--blue);
+  color: var(--fg);
+}
+
+button:hover {
+  background-color: var(--gold);
+  color: #000;
+}
+
 footer, .dark .footer {
   background: var(--bg);
   color: var(--muted);
 }
-button {
-  border-radius: 8px !important;
-}