body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

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

/* Customizing html5-qrcode elements */
#reader button {
    background-color: #4f46e5; /* Tailwind indigo-600 */
    color: white;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    border: none;
    margin: 10px 0;
    cursor: pointer;
    transition: background-color 0.2s;
}

#reader button:hover {
    background-color: #4338ca; /* Tailwind indigo-700 */
}

#reader select {
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #d1d5db;
    margin-bottom: 10px;
}

#reader__dashboard_section_csr span {
    font-family: 'Inter', sans-serif;
    color: #4b5563;
}