@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  font-family: 'Inter', sans-serif;
}

body {
  background-color: #0a0a12;
  color: #e2e8f0;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Cursor piscando no streaming */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.cursor-blink::after {
  content: '▋';
  animation: blink 1s step-start infinite;
  color: #6366f1;
  font-size: 0.85em;
  margin-left: 2px;
}

/* Markdown nas mensagens do assistente */
.prose-vsl h1,
.prose-vsl h2,
.prose-vsl h3 {
  color: #e2e8f0;
  font-weight: 600;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

.prose-vsl h1 { font-size: 1.2em; }
.prose-vsl h2 { font-size: 1.1em; color: #a5b4fc; }
.prose-vsl h3 { font-size: 1em; color: #c7d2fe; }

.prose-vsl p {
  margin-bottom: 0.6em;
  line-height: 1.65;
}

.prose-vsl ul,
.prose-vsl ol {
  padding-left: 1.4em;
  margin-bottom: 0.6em;
}

.prose-vsl li {
  margin-bottom: 0.2em;
}

.prose-vsl strong {
  color: #e2e8f0;
  font-weight: 600;
}

.prose-vsl em {
  color: #94a3b8;
}

.prose-vsl code {
  background: rgba(99, 102, 241, 0.15);
  color: #a5b4fc;
  padding: 0.1em 0.4em;
  border-radius: 4px;
  font-size: 0.85em;
}

.prose-vsl blockquote {
  border-left: 3px solid #6366f1;
  padding-left: 1em;
  color: #94a3b8;
  margin: 0.6em 0;
}

.prose-vsl hr {
  border-color: rgba(255,255,255,0.08);
  margin: 1em 0;
}