/* BLEND — small additions on top of the original template CSS, needed only
   to surface AJAX form feedback and validation state. Nothing here changes
   the original layout/typography/spacing. */

.form-feedback {
  font-size: 0.9em;
  padding: 0.5em 0;
}

.form-feedback--success {
  color: #1f8a3b;
}

.form-feedback--error {
  color: #c0392b;
}

.contact-form__field.is-invalid,
.application-form__field.is-invalid {
  outline: 2px solid #c0392b;
  outline-offset: 2px;
}