/* css/style.css */

/* General body font is set via <style> in HTML to ensure Inter loads with Tailwind. */
/* Tailwind utility classes are preferred for most styling. */

/* Example: Custom scrollbar for specific elements if needed beyond Tailwind. */
/*
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #2d3748; // slate-700
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #4a5568; // slate-600
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #718096; // slate-500
}
*/

/* Additional global styles or complex component styles can go here. */

/* Helper for line clamping text if not using Tailwind plugin */
.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}