/* Use Inter font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f7f7f7;
    color: #1f2937; /* Gray-800 */
}
.upload-area {
    border-style: dashed;
    border-width: 2px;
    border-color: #3b82f6; /* Blue-500 */
    background-color: #f5f8ff; /* Light blue background */
    transition: all 0.3s ease;
}
.main-content {
    /* Ensure the main content area fills the viewport height minus header/footer */
    min-height: calc(100vh - 200px); 
}
/* Style for the button shadow and hover */
.btn-primary {
    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.5), 0 2px 4px -2px rgba(59, 130, 246, 0.5);
}
.btn-primary:hover {
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.5), 0 4px 6px -4px rgba(59, 130, 246, 0.5);
}