@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&display=swap');
@import 'highlight.js/styles/github-dark.css';

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

@layer base {
  html, body, #root {
    overflow: hidden;
    height: 100%;
  }

  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
      'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
  }

  pre, code {
    font-family: 'Geist Mono', 'SF Mono', 'Fira Code', 'Fira Mono',
      'Roboto Mono', monospace;
  }

  /* Scrollbar styling */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background: rgb(63 63 70 / 0.5);
    border-radius: 3px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgb(82 82 91 / 0.7);
  }
}

/* Override highlight.js background to match our theme */
.hljs {
  background: transparent !important;
}

/* User message markdown inherits white text */
.user-markdown p,
.user-markdown li,
.user-markdown td,
.user-markdown th {
  color: inherit;
}

.user-markdown strong {
  color: inherit;
  font-weight: 600;
}

.user-markdown code:not(pre code) {
  background: rgba(255, 255, 255, 0.15);
  color: inherit;
}

/* Hide the duplicate header bar when MarkdownRenderer is used inside tool output containers */
.tool-output-json > div > div:first-child {
  display: none;
}
