style.css

:root {
  --zen-accent-h: 280;
  --zen-accent-s: 95%;
  --zen-accent-l: 55%;
  --zen-font: "Inter", "Segoe UI", Arial, sans-serif;
}

html, body, * { font-family: var(--zen-font); font-size: 1.05em; }
.gr-button-primary { background: hsl(var(--zen-accent-h) var(--zen-accent-s) var(--zen-accent-l)); color: white; }
.gr-button-primary:hover { filter: brightness(1.15); }

.gr-chatbot .message.user,
.gr-chatbot .message.bot {
  background: hsla(var(--zen-accent-h), var(--zen-accent-s), 25%, 0.25);
  color: #fff;
}

body { background: #0d1117; color: #e6edf3; }
#zen-header { color: #d2a8ff; font-size: 1.6em; font-weight: bold; }