@import "tailwindcss";

@theme {
  --color-surface-0: #09090b;
  --color-surface-1: #111114;
  --color-surface-2: #18181d;
  --color-surface-3: #1a1a2e;
  --color-border-dim: #27272f;
  --color-border-mid: #3f3f4a;
  --color-text-1: #fafafa;
  --color-text-2: #a1a1aa;
  --color-text-3: #63637a;
  --color-accent: #818cf8;
  --color-accent-2: #6366f1;
  --color-green: #34d399;
  --color-amber: #fbbf24;
  --color-rose: #fb7185;
  --color-cyan: #22d3ee;
  --color-purple: #a78bfa;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

@layer base {
  * { box-sizing: border-box; }
  body {
    margin: 0;
    background: var(--color-surface-0);
    color: var(--color-text-1);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
  }
  ::-webkit-scrollbar { width: 5px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: var(--color-border-dim); border-radius: 4px; }
}

.recharts-text { fill: #a1a1aa !important; font-size: 11px !important; }
.recharts-cartesian-grid line { stroke: #27272f !important; }
.recharts-tooltip-wrapper { outline: none !important; }
.recharts-default-tooltip {
  background: #1a1a2e !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: #e2e8f0 !important;
}
