ui/src/index.css

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

@layer base {
  body {
    @apply bg-gray-50 text-gray-900;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
}

/* ── Brand accent utilities ─────────────────────────────────────── */
.btn-primary {
  @apply py-3 px-6 rounded-xl font-semibold text-white transition-colors;
  background-color: #2563EB;
}
.btn-primary:hover  { background-color: #1d4ed8; }
.btn-primary:disabled { @apply opacity-50 cursor-not-allowed; }

/* ── react-pdf ──────────────────────────────────────────────────── */
.react-pdf__Page {
  @apply shadow-md;
}
.react-pdf__Page__canvas {
  @apply block;
}

/* Smooth scroll for the PDF pane */
.pdf-scroll-container {
  scroll-behavior: smooth;
}