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

/* Hide scrollbars while keeping scroll functionality */
.scrollbar-hide {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
}

/* Global styles and base typography */
html, body {
  @apply h-full;
}

body {
  @apply bg-dark text-white font-sans antialiased;
}

h1, h2, h3, h4, h5, h6 {
  @apply font-semibold text-white;
}

h1 { @apply text-2xl; }
h2 { @apply text-xl; }
h3 { @apply text-lg; } 

/* Workflow Builder Styles */
.node-port {
  transition: all 0.2s ease;
}

.node-port:hover {
  transform: scale(1.25);
}

.workflow-node {
  min-width: 200px;
  z-index: 10;
}

/* SVG path hover doesn't work with Tailwind classes in some browsers */
path.hover\:stroke-brand:hover {
  stroke: #F97316;
}

/* Add any further global utility classes or element-level styles as needed */