body.kb-site {
    --kb-bg: #111416;
    --kb-bg-elevated: #171c1f;
    --kb-surface: #1c2226;
    --kb-surface-hover: #263136;
    --kb-surface-soft: #151a1d;
    --kb-border: #354147;
    --kb-border-strong: #536770;
    --kb-text: #f0f4f5;
    --kb-text-muted: #b6c3c8;
    --kb-text-subtle: #98aab2;
    --kb-accent: #64d7e8;
    --kb-accent-hover: #a0edfa;
    --kb-success: #75dfb0;
    --kb-warning: #f1ca78;
    --kb-danger: #ffa0a8;
    --kb-radius-sm: 4px;
    --kb-radius-md: 6px;
    --kb-radius-lg: 8px;
    --kb-shadow-sm: 0 2px 6px #00000020;
    --kb-shadow-md: 0 8px 24px #00000030;
    --kb-container: 1280px;
    --kb-article: 820px;
    --kb-space-1: 4px;
    --kb-space-2: 8px;
    --kb-space-3: 12px;
    --kb-space-4: 16px;
    --kb-space-6: 24px;
    --kb-space-8: 32px;
    --kb-space-12: 48px;
    --bg-0: var(--kb-bg);
    --bg-1: var(--kb-bg-elevated);
    --bg-2: var(--kb-surface);
    --text: var(--kb-text);
    --muted: var(--kb-text-muted);
    --border: var(--kb-border);
    --neon: var(--kb-accent);
    --neon-2: var(--kb-accent-hover);
    --kb-ink: var(--kb-text);
    --kb-dim: var(--kb-text-muted);
    --kb-ink-dim: var(--kb-text-muted);
    --kb-card: var(--kb-surface);
    --kb-line: var(--kb-border);
    --bs-body-bg: var(--kb-bg);
    --bs-body-color: var(--kb-text);
    --bs-secondary-color: var(--kb-text-muted);
    --bs-tertiary-color: var(--kb-text-subtle);
    --bs-border-color: var(--kb-border);
    --bs-link-color: var(--kb-accent);
    --bs-link-hover-color: var(--kb-accent-hover);
    --bs-emphasis-color: var(--kb-text);
    --bs-tertiary-bg: var(--kb-surface-soft);
    --bs-secondary-bg: var(--kb-surface);
}