@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa;
}

.border-dashed {
    border: 2px dashed #dee2e6;
    transition: background-color 0.2s ease-in-out;
}

#drop-zone {
    cursor: pointer;
}

#drop-zone.drag-over {
    background-color: #e9ecef;
    border-color: #007bff;
}

.navbar-brand {
    font-weight: 500;
}

.btn-primary {
    background-image: linear-gradient(to right, #007bff, #0056b3);
    border: none;
}