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

@layer base {
  *:focus-visible {
    @apply outline-none ring-2 ring-brand-primary ring-offset-2 ring-offset-brand-dark;
  }
}

/* Custom Scrollbar (Optional but looks nice for dark theme) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a; 
}
::-webkit-scrollbar-thumb {
  background: #334155; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569; 
}

/* Ensure chart containers strictly respect their parents */
canvas {
  max-width: 100%;
  max-height: 100%;
}