/* Standard CSS for primary button, no Tailwind or @apply */
.fleck-btn {
  background-color: var(--color-primary);
  color: #fff;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  border-radius: 0.375rem;
  border: none;
  transition: background 0.2s;
  cursor: pointer;
}
.fleck-btn:hover {
  background-color: var(--color-primary-hover);
}

/* Markdown rendering tweaks for chat messages */
.markdown-body {
  line-height: 1.6;
  font-size: 0.95rem;
  color: var(--color-text-primary);
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
  margin: 0.85rem 0 0.4rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

.markdown-body h1 { font-size: 1.25rem; }
.markdown-body h2 { font-size: 1.1rem; }
.markdown-body h3 { font-size: 1.02rem; }

.markdown-body p {
  margin: 0.35rem 0 0.35rem;
}

.markdown-body ul,
.markdown-body ol {
  margin: 0.35rem 0 0.6rem 1.2rem;
  padding: 0;
}

.markdown-body li {
  margin: 0.2rem 0;
}

.markdown-body a {
  color: var(--color-primary);
  text-decoration: underline;
}

.markdown-body strong {
  color: var(--color-text-primary);
}