@import "tailwindcss";

@config "../tailwind.config.cjs";

/* E-TIB Custom Utilities */
@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
  
  .hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  .hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
  }
}

/* Base Styles */
@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    @apply bg-neutral font-sans text-neutral-dark antialiased;
  }
  /* Interactive elements pointer */
  a,
  button,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  select,
  summary,
  label[for] {
    cursor: pointer;
  }

  /* Ensure disabled elements don't show pointer */
  button:disabled,
  [role="button"]:disabled,
  input:disabled,
  select:disabled,
  button[disabled] {
    cursor: not-allowed;
  }
}