@import "tailwindcss";

@theme {
  --color-bg-primary: #1a1a1a;
  --color-bg-sidebar: #141414;
  --color-bg-card: #242424;
  --color-bg-card-hover: #2a2a2a;
  --color-text-primary: #e5e5e5;
  --color-text-secondary: #999999;
  --color-text-muted: #666666;
  --color-accent: #6366f1;
  --color-accent-hover: #818cf8;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-border: #2a2a2a;
  --color-border-hover: #3a3a3a;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #444;
}
