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

@layer base {
  body {
    font-family: 'DM Sans', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    @apply text-slate-800;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'JetBrains Mono', monospace;
  }

  h1 {
    letter-spacing: -0.02em;
  }

  h2 {
    letter-spacing: -0.015em;
  }

  h3 {
    letter-spacing: -0.01em;
  }


}

/* Scrollbar styling for sidebar */
.sidebar-scroll::-webkit-scrollbar {
  width: 4px;
}

.sidebar-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 2px;
}

.sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.5);
}

/* Main content scrollbar */
.main-scroll::-webkit-scrollbar {
  width: 6px;
}

.main-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.main-scroll::-webkit-scrollbar-thumb {
  background: rgba(214, 211, 209, 0.6);
  border-radius: 3px;
}

.main-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 162, 158, 0.8);
}

/* Status badge colors */
.status-pending {
  @apply bg-slate-100 text-slate-700;
}

.status-queued {
  @apply bg-amber-50 text-amber-700;
}

.status-running {
  @apply bg-blue-50 text-blue-700;
}

.status-completed {
  @apply bg-emerald-50 text-emerald-700;
}

.status-failed {
  @apply bg-red-50 text-red-700;
}
