@import "tailwindcss";
@plugin "@tailwindcss/typography";

@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 */
  }

  @keyframes bg-pulse-15 {
    0%, 90%, 100% { opacity: 0.04; }
    95% { opacity: 0.10; filter: brightness(1.2); }
  }
  @keyframes bg-pulse-20 {
    0%, 90%, 100% { opacity: 0.07; }
    95% { opacity: 0.14; filter: brightness(1.2); }
  }
  .animate-bg-pulse-15 { animation: bg-pulse-15 12s infinite ease-in-out; }
  .animate-bg-pulse-20 { animation: bg-pulse-20 12s infinite ease-in-out; }
}

/* 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;
  }
}
/* trigger rebuild */