@import "@tailwindcss/forms";

.bg-purple { background-color: #9810FA; }
.text-purple { color: #9810FA; }
.border-purple { border-color: #9810FA; }
.hover\:bg-purple:hover { background-color: #9810FA; }
.hover\:text-purple:hover { color: #9810FA; }
.hover\:text-white:hover { color: #ffffff; }
.focus\:border-purple:focus { border-color: #9810FA; }
.focus\:ring-purple:focus { --tw-ring-color: #9810FA; }

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

a.register-button:hover {
  background-color: #9810FA; /* purple */
  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;
}