:root {
  --accent: 240;
  --sat: 90%;
  --light: 55%;
  --font: "Inter", "Segoe UI", sans-serif;
}

html, body, * {
  font-family: var(--font);
  font-size: 1.05em;
}

.gr-button-primary {
  background: hsl(var(--accent), var(--sat), var(--light));
  color: white;
  border: none;
}

.gr-button-primary:hover {
  filter: brightness(1.1);
}

#zen-header {
  color: hsl(var(--accent), var(--sat), 40%);
  font-size: 1.4em;
  margin-bottom: 1em;
}

.gr-chatbot .message.user,
.gr-chatbot .message.bot {
  color: white !important;
}

table {
  border-collapse: collapse;
  margin-top: 10px;
  width: 100%;
}

th, td {
  padding: 8px 12px;
  border: 1px solid #ccc;
}