@import "tailwindcss";

@theme inline {
  --color-background: #0d1117;
  --color-foreground: #e6edf3;
  --color-surface: #161b22;
  --color-surface-elevated: #1c2128;
  --color-border: #30363d;
  --color-border-light: #21262d;
  --color-text-primary: #e6edf3;
  --color-text-secondary: #8b949e;
  --color-text-muted: #484f58;
  --color-accent: #58a6ff;
  --color-accent-hover: #79c0ff;
  --color-memory: #d29922;
  --color-knowledge: #58a6ff;
  --color-document: #58a6ff;
  --color-skill: #3fb950;
  --color-note: #8b949e;
  --color-error: #f85149;
  --color-warning: #d29922;
  --color-success: #3fb950;
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

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

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #30363d;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #484f58;
}