/*
  app.css — small custom touches on top of Tailwind.

  PLAIN ENGLISH: Tailwind gives us 95% of the styling. This tiny file just adds a
  nicer default font and a slim scrollbar so the dashboard feels polished. It is
  loaded AFTER Tailwind so it can gently override a few things.
*/

:root {
  --ml-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
}

body {
  font-family: var(--ml-font);
}

/* A slim, modern scrollbar (Chrome/Edge). */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.4);
  border-radius: 9999px;
}
::-webkit-scrollbar-track {
  background: transparent;
}