body {
    font-family: 'Inter', sans-serif;
}
/* Custom focus ring color */
.focus-ring-puffin {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); /* puffinAccent */
}
input:focus, textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    border-color: #3E92CC; /* puffinAccent */
}
/* Styles for the modal */
.modal-overlay {
    transition: opacity 0.3s ease;
}
.modal-content {
    transition: transform 0.3s ease;
}
/* Success/Error Message Styling */
#form-message {
    padding: 1rem;
    border-radius: 0.5rem; /* rounded-lg */
    margin-top: 1rem;
    text-align: center;
}
#form-message.success {
    background-color: #d1fae5; /* green-100 */
    color: #065f46; /* green-800 */
    border: 1px solid #6ee7b7; /* green-300 */
}
#form-message.error {
    background-color: #fee2e2; /* red-100 */
    color: #991b1b; /* red-800 */
    border: 1px solid #fca5a5; /* red-300 */
}