/* Form Field Styles */

/* Soften placeholders */
::placeholder {
    color: #d1d5db !important; /* text-gray-300 */
    opacity: 0.7 !important;
    font-weight: 300 !important;
}

/* Make focused placeholders even lighter */
input:focus::placeholder,
textarea:focus::placeholder {
    color: #e5e7eb !important; /* text-gray-200 */
    opacity: 0.5 !important;
    transition: all 0.3s ease;
}

/* Improve form field focus states */
input:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2) !important;
    border-color: #6366f1 !important; /* indigo-500 */
    outline: none !important;
}

/* Improve form field hover states */
input:hover:not(:focus),
textarea:hover:not(:focus),
select:hover:not(:focus) {
    border-color: #a5b4fc !important; /* indigo-300 */
    transition: all 0.3s ease;
}