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

* {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
  background-color: #fafafa;
  color: #111;
}

@layer utilities {
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}



.code-block {
  font-family: 'SF Mono', Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.75rem;
  line-height: 1.5;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}


.scrollbar-custom {
  scrollbar-width: thin;
  scrollbar-color: #ddd #f5f5f5;
}

.scrollbar-custom::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar-custom::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 3px;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 3px;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

