/* Globale font definitie (voldoende aangezien Tailwind al veel reset) */
body { 
    font-family: 'Inter', sans-serif; 
}

/* Verbergen van hoofdinhoud tot authenticatie (verplaatst uit de <style> block) */
#main-content { 
    display: none; 
} 

/* Transitie-effecten (verplaatst uit de <style> block) */
button, textarea, input[type="date"] {
    transition: all 0.2s ease-in-out;
}

/* Focus stijlen voor invoervelden (verplaatst uit de <style> block) */
input[type="date"]:focus, textarea:focus {
    outline: none;
    border-color: #3B82F6; /* blue-500/600 */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25); /* Een custom focus ring */
}