@import "@tailwindcss/forms";

a.register-button {
  background-color: white;
  color: #15803d; /* green-700 */
}

a.register-button:hover {
  background-color: #16a34a; /* green-600 */
  color: white;
  border-color: #15803d;
}


@layer components {
  .aa-input {
    @apply !border !border-gray-300 !rounded-md !px-3 !py-2 !w-full;
  }
}

.survey-back {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.survey-back:hover {
  background-color: #e5e7eb; /* gray-200 */
  border-color: #d1d5db;     /* gray-300 */
  color: #111827;            /* gray-900 */
}

/* Restore a visible border on form controls since Tailwind's base resets to border: 0 */
input,
select,
textarea {
  border-width: 0.5px;
}