@import "tailwindcss";
@custom-variant dark (&:where(.dark, .dark *));

@layer components {
  /* Add pointer cursor to all buttons and interactive elements */
  button,
  [type='button'],
  [type='reset'],
  [type='submit'],
  [role='button'],
  [data-action],
  .hover\:bg-gray-100,
  .hover\:bg-gray-200,
  .hover\:bg-blue-800,
  .hover\:bg-gray-700,
  .hover\:bg-blue-700,
  .hover\:underline,
  .hover\:text-blue-700,
  .hover\:text-blue-500 {
    cursor: pointer;
  }
}