/* Target the login button specifically */
button[type="submit"] {
    background-color: #0F4B7D; /* Emerald green */
    padding: 0.75rem 1.5rem; /* Increased padding */
    font-size: 0.875rem; /* Slightly larger text */
    border-radius: 0.375rem; /* Softer corners */
    color: white;
    transition: all 0.3s ease; /* Smoother transition */
}

button[type="submit"]:hover {
    background-color: #0F4B7D; /* Darker green on hover */
}

button[type="submit"]:focus {
    background-color: #0F4B7D;
    outline: none;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.5); /* Green focus ring */
}

button[type="submit"]:active {
    background-color: #0F4B7D; /* Even darker green when active */
}

form{
    padding: 15px;
}

input:focus{
    border-color: #0F4B7D;
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(15 75 125 / var(--tw-ring-opacity, 1));
}
.focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(15 75 125 / var(--tw-border-opacity, 1));
}