@import "tailwindcss";

@theme inline {
  --color-background: #09090b;
  --color-foreground: #fafafa;
  --color-card: #18181b;
  --color-card-hover: #27272a;
  --color-border: #27272a;
  --color-border-light: #3f3f46;
  --color-muted: #71717a;
  --color-accent: #a1a1aa;
  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #eab308;
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-mono), monospace;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-background);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border-light);
  border-radius: 3px;
}

/* Recharts overrides */
.recharts-cartesian-grid line {
  stroke: #27272a !important;
}
.recharts-text {
  fill: #a1a1aa !important;
  font-family: var(--font-mono), monospace !important;
  font-size: 11px !important;
}
.recharts-tooltip-wrapper .recharts-default-tooltip {
  background: #18181b !important;
  border: 1px solid #3f3f46 !important;
  border-radius: 8px !important;
}
.recharts-tooltip-item {
  color: #fafafa !important;
  font-family: var(--font-mono), monospace !important;
  font-size: 12px !important;
}
.recharts-tooltip-label {
  color: #a1a1aa !important;
  font-family: var(--font-mono), monospace !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
}