/* assets/css/style.css */

/* Custom styles can go here to override Tailwind or add specific look */

body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6; /* gray-100 */
}

/* Ensure footer sticks to bottom if content is short */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

/* Custom scrollbar for better look */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}