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

@layer base {
  body {
    @apply font-sans;
  }
}

@layer utilities {
  .submitted :invalid {
    @apply border-red-500 text-red-500;
  }

  .submitted :has(:invalid) > label {
    @apply text-red-500;
  }

  .submitted label:has(:invalid) {
    @apply text-red-500;
  }
}