/*
 * Loaded on every page of the chat UI (see custom_css in .chainlit/config.toml).
 * Edit, then: docker compose up -d --build chainlit  (and hard-refresh the browser).
 *
 * Chainlit's colours are CSS variables in HSL ("hue saturation% lightness%"), e.g.:
 *
 * :root { --primary: 221 83% 53%; }                              accent colour, light theme
 * .dark { --primary: 221 83% 63%; --background: 222 47% 7%; }    accent + page background, dark theme
 * body  { font-family: "Segoe UI", system-ui, sans-serif; }
 *
 * --primary also colours the send button and the profile circle (top right).
 * To colour only those two, remove the comment markers below and pick your colours.
 */


#chat-submit,
#stop-button {
  background-color: #2e9e4f !important;
  color: #ffffff !important;
}
#chat-submit:hover,
#stop-button:hover {
  background-color: #237a3d !important;
}

#user-nav-button span span {
  background-color: #2e9e4f !important;
  color: #ffffff !important;
}