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

@layer base {
  :root {
    --bg: #ffffff;
    --text: #111827;
  }
  .dark {
    --bg: #0f172a;
    --text: #f1f5f9;
  }
}

body {
  @apply bg-white dark:bg-slate-900 text-gray-900 dark:text-slate-100 transition-colors;
  font-family: system-ui, sans-serif;
}

.log-viewer {
  font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
  font-size: 0.8rem;
  line-height: 1.5;
}

.redeploy-separator {
  @apply text-slate-400 dark:text-slate-500 italic;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  @apply bg-gray-100 dark:bg-slate-800;
}
::-webkit-scrollbar-thumb {
  @apply bg-gray-300 dark:bg-slate-600 rounded;
}

.ansi-stripped { white-space: pre-wrap; word-break: break-all; }
