diff --git a/index.html b/index.html
index ec04608..0e903f1 100644
--- a/index.html
+++ b/index.html
@@ -18,8 +18,23 @@
   .shell-topbar-burger { display: none; }
   @media (max-width: 831.98px) { .shell-topbar-burger { display: inline-flex; } }
 
+  /* Читаемость: у КД-токенов нет своих тёмных значений, поэтому
+     вторичный текст держим темнее дефолта, а базовый кегль поднимаем. */
+  .kt-ai-app { font-size: 15px; }
+  .kt-ai-app, .kt-ai-shell, .kt-ai-drawer {
+    --kt-ai-fg-muted: color-mix(in srgb, var(--kt-ai-fg) 68%, var(--kt-ai-bg-soft));
+    --kt-ai-fg-faint: color-mix(in srgb, var(--kt-ai-fg) 48%, var(--kt-ai-bg-soft));
+    --kt-ai-primary-subtle: color-mix(in srgb, var(--kt-ai-primary) 14%, var(--kt-ai-bg-elevated));
+  }
+  .kt-ai-banner { background: var(--kt-ai-status-info-bg); color: var(--kt-ai-status-info-fg); }
+  .kt-ai-banner[data-tone="ok"] { background: var(--kt-ai-status-ok-bg); color: var(--kt-ai-status-ok-fg); }
+  .kt-ai-status-pill[data-status="muted"] { background: var(--kt-ai-chip-gray-bg); color: var(--kt-ai-chip-gray-fg); }
+  .kt-ai-status-pill[data-status="warn"] { background: var(--kt-ai-chip-orange-bg); color: var(--kt-ai-chip-orange-fg); }
+  .kt-ai-status-pill[data-status="ok"] { background: var(--kt-ai-chip-green-bg); color: var(--kt-ai-chip-green-fg); }
+  .kt-ai-empty .icon-spot { background: var(--kt-ai-primary-subtle); color: var(--kt-ai-link); }
+
   .sb-top { display: flex; align-items: center; gap: var(--kt-ai-space-3); padding: 2px 4px 12px; }
-  .sb-top .sb-orb { width: 28px; height: 28px; border-radius: var(--kt-ai-radius-xl); background: var(--kt-ai-ai-orb); flex-shrink: 0; }
+  .sb-top .sb-orb { width: 28px; height: 28px; border-radius: var(--kt-ai-radius-xl); background: color-mix(in srgb, var(--kt-ai-primary) 70%, var(--kt-ai-bg-elevated)); flex-shrink: 0; }
   .sb-top .nm { font-weight: var(--kt-ai-weight-semibold); font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
   .sb-top .nm small { display: block; font-weight: var(--kt-ai-weight-regular); font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-fg-muted); }
   .sb-new { margin: 0 4px var(--kt-ai-space-5); }
@@ -48,7 +63,7 @@
   .sec-head .spacer { flex: 1; }
 
   .doc-card { display: flex; flex-direction: column; gap: var(--kt-ai-space-4); cursor: pointer; }
-  .doc-card .doc-ic { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--kt-ai-radius-lg); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-primary); }
+  .doc-card .doc-ic { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--kt-ai-radius-lg); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-link); }
   .doc-card h3 { margin: 0; font-size: var(--kt-ai-text-md); font-weight: var(--kt-ai-weight-semibold); }
   .doc-card p { margin: 0; font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); flex: 1; }
   .doc-card .doc-open { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-link); display: inline-flex; align-items: center; gap: var(--kt-ai-space-2); }