@tailwind base;
@tailwind components;
@tailwind utilities;

div.field_with_errors > label {
    @apply text-red-900;
}
  
div.field_with_errors > :is(input, textarea, select) {
    @apply border-red-300 text-red-900 placeholder-red-300;
}
  
.btn-submit {
    @apply rounded-md bg-lime-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-lime-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-lime-600;
}

.btn-primary {
    @apply rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
}

.btn-new-action{
    @apply rounded-md bg-green-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
}