public/custom.css

:root {
  --primary-color: #4a6fa5;
  --secondary-color: #6b8cae;
  --background-color: #f5f7fa;
  --text-color: #333;
  --border-radius: 8px;
}

.cl-main {
  background-color: var(--background-color);
}

.cl-message-input {
  border-radius: var(--border-radius);
  border: 1px solid var(--primary-color);
}

.cl-message-container {
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}

.cl-submit-btn {
  background-color: var(--primary-color);
}

.cl-submit-btn:hover {
  background-color: var(--secondary-color);
}