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

@import "components/all.css";

html {
  font-size: 14px;
}

@screen md {
  html {
    font-size: 16px;
  }
}

@layer components {
  .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;
  }
}