@import "tailwindcss";

@theme inline {
  --color-background: #0a0a0f;
  --color-foreground: #e2e8f0;
  --color-card: #1a1a2e;
  --color-card-hover: #222240;
  --color-border: #2a2a4a;
  --color-accent: #5865f2;
  --color-accent-hover: #4752c4;
  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
  --color-muted: #94a3b8;
  --color-surface: #12121a;
}

body {
  background: var(--color-background);
  color: var(--color-foreground);
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--color-background); }
::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-accent); }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn {
  from { opacity: 0; transform: translateX(-20px); }
  to { opacity: 1; transform: translateX(0); }
}