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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

/* Minimal code-block styles (monochrome) */
.highlight {
  background: #f8fafc;
  padding: 0.75rem;
  border-radius: 0.375rem;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #111827;
}

.highlight pre { margin: 0; }
.highlight code { display: block; padding: 0; white-space: pre; }