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

@layer base {
  :root {
    --background: 210 40% 98%;
    --foreground: 222 47% 11%;
    --card: 0 0% 100%;
    --card-foreground: 222 47% 11%;
    --muted: 210 40% 94%;
    --muted-foreground: 215 16% 47%;
    --primary: 221 83% 53%;
    --primary-foreground: 0 0% 100%;
    --accent: 210 40% 92%;
    --accent-foreground: 222 47% 11%;
    --border: 214 32% 88%;
    --input: 214 32% 88%;
    --ring: 221 83% 53%;
    --radius: 0.75rem;
    --highlight: 45 93% 58%;
  }

  .dark {
    --background: 222 47% 7%;
    --foreground: 210 40% 96%;
    --card: 222 40% 10%;
    --card-foreground: 210 40% 96%;
    --muted: 217 33% 16%;
    --muted-foreground: 215 20% 65%;
    --primary: 217 91% 60%;
    --primary-foreground: 222 47% 11%;
    --accent: 217 33% 18%;
    --accent-foreground: 210 40% 96%;
    --border: 217 33% 20%;
    --input: 217 33% 20%;
    --ring: 217 91% 60%;
    --highlight: 45 93% 58%;
  }

  * {
    border-color: hsl(var(--border));
  }
  html,
  body,
  #root {
    height: 100%;
  }
  body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: Inter, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
}

/* Slim, theme-aware scrollbars */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: hsl(var(--border));
  border-radius: 999px;
}
::-webkit-scrollbar-track {
  background: transparent;
}

/* Markdown answer typography */
.markdown p {
  margin: 0 0 0.7rem;
  line-height: 1.7;
}
.markdown p:last-child {
  margin-bottom: 0;
}
.markdown ul,
.markdown ol {
  margin: 0 0 0.7rem 1.2rem;
  list-style: revert;
}
.markdown li {
  margin: 0.2rem 0;
}
.markdown strong {
  font-weight: 600;
}
.markdown code {
  background: hsl(var(--muted));
  padding: 0.1rem 0.35rem;
  border-radius: 6px;
  font-size: 0.85em;
}