html.light-mode body {
  --bg: #f4f4f5;
  --bg-card: #ffffff;
  --border: rgba(0,0,0,0.1);
  --text: #111118;
  --muted: #52525b;
}
html.light-mode .header {
  background: rgba(244,244,245,0.9);
}
html.light-mode .mobile-menu {
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
[aria-label="Переключить тему"] {
  background: none;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--muted);
  cursor: pointer;
  font-size: 1.1rem;
  padding: 4px 9px;
  transition: border-color 0.2s, color 0.2s;
  line-height: 1;
}
[aria-label="Переключить тему"]:hover { color: var(--text); border-color: var(--accent); }

html.light-mode .logo { color: #111118; }
html.light-mode .hero h1 { color: #111118; }
html.light-mode .stat-value { color: #111118; }
html.light-mode .section-title { color: #111118; }
html.light-mode .feature-card h3 { color: #111118; }
html.light-mode .fit-card h3 { color: #111118; }
html.light-mode .trust-banner h2 { color: #111118; }
html.light-mode .trust-point-text h4 { color: #111118; }
html.light-mode .cta-section h2 { color: #111118; }
html.light-mode .btn-lg-outline { border-color: rgba(0,0,0,0.2); color: #111118; }
html.light-mode .btn-lg-outline:hover { border-color: rgba(0,0,0,0.4); }
html.light-mode .code-tab.active { border-color: rgba(0,0,0,0.15); }

/* pricing.html */
html.light-mode .pricing-header h2 { color: #111118; }
html.light-mode .plan-name { color: #111118; }
html.light-mode .plan-price { color: #111118; }
html.light-mode .trust-strip-text strong { color: #111118; }

/* faq.html */
html.light-mode .faq-hero h1 { color: #111118; }

/* info.html */
html.light-mode .use-case h3 { color: #111118; }

/* widget.html */
html.light-mode .price-name { color: #111118; }
html.light-mode .price-amount { color: #111118; }
html.light-mode .step h3 { color: #111118; }

/* page-hero (privacy, offer, requisites) */
html.light-mode .page-hero h1 { color: #111118; }

/* inline style="color:#fff" и style="color: white" */
html.light-mode b[style*="color:#fff"],
html.light-mode b[style*="color: white"],
html.light-mode strong[style*="color:#fff"],
html.light-mode strong[style*="color: white"],
html.light-mode div[style*="color:#fff"],
html.light-mode a[style*="color: white"] { color: #111118 !important; }

/* Блок с кодом на главной */
html.light-mode { --code-bg: #f0f0f0; }
html.light-mode .code-block { border-color: rgba(0,0,0,0.12); }
html.light-mode .code-block pre { color: #111118; }
html.light-mode .code-tab.active { border-color: rgba(0,0,0,0.12); }
html.light-mode .code-comment { color: #52525b; }
html.light-mode .code-attr { color: #0369a1; }
html.light-mode .code-string { color: #15803d; }
html.light-mode .code-tag { color: #b45309; }
html.light-mode .demo-msg-bot > span { background: #e4e4e7; }

/* Инлайн span с белым цветом в блоке кода */
html.light-mode span[style*="color:#fff"],
html.light-mode span[style*="color: #fff"] { color: #111118 !important; }

/* Пузыри бота в info.html */
html.light-mode .msg.bot .msg-bubble { background: #e4e4e7; }

/* Инлайн code с именем модели */
html.light-mode p code { background: #e4e4e7 !important; color: #15803d !important; }

/* Картинка виджета для светлой темы */
html.light-mode img[src*="widget-kak-rabotaet"] {
  filter: invert(1) hue-rotate(180deg);
  border: 1px solid rgba(0,0,0,0.1);
}

/* Карточки внутри trust-banner на главной */
html.light-mode .trust-point { background: rgba(255,255,255,0.7); border-color: rgba(16,185,129,0.3); }

/* Hover на вопросах FAQ */
html.light-mode .faq-btn:hover { color: #111118; }

/* Блоки кода внутри FAQ ответов */
html.light-mode .faq-inner pre { color: #111118 !important; background: #e4e4e7; border-color: rgba(0,0,0,0.1); }
html.light-mode .faq-inner code { color: #15803d; background: #e4e4e7; border-color: rgba(0,0,0,0.1); }
html.light-mode .faq-inner pre[style*="rgba(255,255,255"] { background: #e4e4e7 !important; }

/* Виджет чата llmcod в светлой теме */
html.light-mode #llmcod-window { background: #ffffff; box-shadow: 0 8px 40px rgba(0,0,0,0.15); }
html.light-mode #llmcod-messages { background: #ffffff; }
html.light-mode #llmcod-header .title { color: #fff; }
html.light-mode .llmcod-msg.bot { background: #f0f0f0; color: #111118; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
html.light-mode #llmcod-footer { background: #ffffff; border-top: 1px solid #e4e4e7; }
html.light-mode #llmcod-input { background: #f0f0f0; color: #111118; border-color: #d4d4d8; }
html.light-mode #llmcod-branding { background: #ffffff; color: #999; }

/* Активный пункт меню — жирный только в светлой теме (в тёмной достаточно цвета) */
html.light-mode .nav-links a.active,
html.light-mode .mobile-menu a.active { font-weight: 600; }