/* forms.css - Global Form & Input Typography and Readability Rules (Inter Font) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Force Inter font family on all form controls, inputs, textareas, selects, and buttons */
input,
select,
textarea,
button,
optgroup,
option,
label,
legend,
fieldset {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Ensure text inside form inputs and textareas is sharp, legible, and high-contrast */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #171717 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fix option elements font-family and text color */
option {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: #171717;
}

/* Form labels styling */
label {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 500;
  color: #171717;
}

/* Form placeholder styling with clear contrast */
input::placeholder,
textarea::placeholder,
select::placeholder {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: #6b7280 !important; /* High contrast cool gray for readability */
  opacity: 1 !important;
}

/* Webkit input autofill font preservation */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #171717 !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  transition: background-color 5000s ease-in-out 0s;
}