@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--foreground-rgb: 0, 0, 0;
--background-rgb: 249, 250, 251;
}
body {
color: rgb(var(--foreground-rgb));
background: rgb(var(--background-rgb));
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #a1a1a1;
}
/* Prose adjustments for markdown */
.prose pre {
margin: 0.5rem 0;
}
.prose code {
font-size: 0.875rem;
}
/* Animation for loading dots */
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-4px);
}
}
.animate-bounce {
animation: bounce 0.6s infinite;
}