@import "tailwindcss";

html {
  scroll-behavior: smooth;
}

body {
  background-color: #ffffff;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.scrollbar-none::-webkit-scrollbar { display: none; }
.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }

/* Recharts: kill the ugly hover highlight rectangle */
.recharts-rectangle.recharts-tooltip-cursor {
  fill: transparent !important;
}
.recharts-cursor {
  fill: transparent !important;
}

/* Allow bar labels to overflow the SVG boundary */
.recharts-wrapper svg {
  overflow: visible !important;
}
/* Remove clip-path from chart area so labels above bars are visible */
.recharts-surface > g[clip-path] {
  clip-path: none !important;
}

/* Kill blue focus ring on chart clicks */
.recharts-wrapper:focus,
.recharts-wrapper *:focus,
.recharts-surface:focus {
  outline: none !important;
}
svg:focus,
svg *:focus {
  outline: none !important;
}
