/* Custom styles for Ozone Auth */

body {
    font-family: 'Inter', sans-serif;
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { 
        opacity: 0; 
    }
    to { 
        opacity: 1; 
    }
}

/* Snackbar styles */
.snackbar {
    padding: 1rem;
    border-radius: 0.5rem;
    color: white;
    font-weight: 500;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateX(120%);
    animation: slideIn 0.5s forwards, fadeOut 0.5s 4.5s forwards;
    opacity: 0;
}

.snackbar.success {
    background-color: #28a745; /* Green */
}

.snackbar.error {
    background-color: #dc3545; /* Red */
}

.snackbar.info {
    background-color: #17a2b8; /* Teal */
}


@keyframes slideIn {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}