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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Sen:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');


@layer components {
  /* .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  } */

  .active-tab {
    @apply border-b-2 text-primary border-primary;
  }

  .btn-sm-custom {
    @apply flex items-center gap-1 px-2 py-1 border rounded-md text-sm font-medium bg-neutral-200 text-neutral-600;
  }
}