/* Design tokens (color/theme). Update these to rebrand quickly. */
:root {
  --color-primary: #4f46e5;   /* Indigo 600 */
  --color-secondary: #10b981; /* Emerald 500 */
  color-scheme: light dark;
}

/* Optional: subtle scrollbar styling */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(148 163 184) transparent;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-thumb {
  background-color: rgb(148 163 184);
  border-radius: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}

/* Demo helpers (not strictly required) */
.message.user {
  justify-content: flex-end;
}
.message.user .bubble {
  background: linear-gradient(135deg, var(--color-primary), #6366f1);
  color: white;
}
.message.bot .avatar {
  background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
  color: var(--color-primary);
}