:root {
  --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);
}