basemind 0.21.0

Full AI context layer over MCP — tree-sitter code-map, document RAG (PDF/Office/HTML/email + OCR + reranker), shared agent memory, on-demand web crawl, git history + blame + per-symbol diff. 300+ languages, 10+ coding-agent harnesses, content-addressed Fjall + LanceDB.
:root {
  --sl-color-accent-low: #2b1a54;
  --sl-color-accent: #7d4dff;
  --sl-color-accent-high: #d3c1ff;

  --sl-color-white: #f4f2fb;
  --sl-color-gray-1: #e3e0f0;
  --sl-color-gray-2: #b6b2ca;
  --sl-color-gray-3: #838099;
  --sl-color-gray-4: #545067;
  --sl-color-gray-5: #35324a;
  --sl-color-gray-6: #211f33;
  --sl-color-black: #0a0912;

  --bm-pink: #ff5d7c;
  --bm-blue: #5b9bff;
  --bm-purple: #965aff;
}

:root[data-theme="light"] {
  --sl-color-accent-low: #e7ddff;
  --sl-color-accent: #6a3fe0;
  --sl-color-accent-high: #2a1a54;

  --sl-color-white: #14121f;
  --sl-color-gray-1: #24222f;
  --sl-color-gray-2: #3b3849;
  --sl-color-gray-3: #605c72;
  --sl-color-gray-4: #8f8ba0;
  --sl-color-gray-5: #c9c6d6;
  --sl-color-gray-6: #ece9f4;
  --sl-color-gray-7: #f6f4fb;
  --sl-color-black: #ffffff;
}

[data-has-hero] .page {
  background:
    radial-gradient(60ch 40ch at 15% -10%, color-mix(in oklch, var(--bm-purple) 16%, transparent), transparent 70%),
    radial-gradient(50ch 32ch at 88% -6%, color-mix(in oklch, var(--bm-blue) 14%, transparent), transparent 70%);
}

.hero h1,
.hero .tagline {
  font-feature-settings: "ss01";
}

.hero .stack a[data-variant="primary"] {
  background: linear-gradient(120deg, var(--bm-pink), var(--bm-purple) 55%, var(--bm-blue));
  border: none;
  color: #fff;
  box-shadow: 0 8px 30px -12px color-mix(in oklch, var(--bm-purple) 80%, transparent);
}

.hero .stack a[data-variant="primary"]:hover {
  filter: brightness(1.08);
}

.bm-wordmark {
  font-weight: 700;
  letter-spacing: -0.02em;
}
.bm-wordmark .b {
  color: var(--bm-pink);
}
.bm-wordmark .m {
  color: var(--bm-blue);
}

.card {
  background: color-mix(in oklch, var(--sl-color-gray-6) 60%, transparent);
  border: 1px solid var(--sl-color-gray-5);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.card:hover {
  border-color: color-mix(in oklch, var(--bm-purple) 60%, var(--sl-color-gray-5));
  transform: translateY(-2px);
}
.card .icon {
  color: var(--bm-purple);
  background: color-mix(in oklch, var(--bm-purple) 12%, transparent);
}

.site-title img {
  height: 1.75rem;
  width: auto;
}

.hero > img,
.hero .hero-html {
  max-width: 200px;
  margin-inline: auto;
}

.sl-markdown-content table {
  font-size: var(--sl-text-sm);
}
.sl-markdown-content th {
  color: var(--sl-color-white);
}