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

@layer base {
  button:not(.rounded-none),
  .btn:not(.rounded-none),
  input[type="text"]:not(.rounded-none),
  input[type="email"]:not(.rounded-none),
  input[type="password"]:not(.rounded-none),
  select:not(.rounded-none),
  textarea:not(.rounded-none) {
    @apply rounded-full;
  }
}

@layer components {
  .btn-primary {
    @apply bg-blurple text-white font-bold px-6 py-2 rounded-full hover:opacity-90 transition-all shadow-sm;
  }

  .btn-secondary {
    @apply border-2 border-blurple text-blurple font-bold px-6 py-2 rounded-full hover:bg-blurple/5 transition-all;
  }
}