/* ========================================
   深色 / 浅色主题覆盖
   默认深色；html[data-theme="light"] 切换浅色
   ======================================== */

html[data-theme="light"] {
  --bg: #f4f6f9;
  --bg-elevated: #ffffff;
  --card: #ffffff;
  --card-hover: #f0f3f8;
  --border: #d8e0ea;
  --border-subtle: #e6ebf2;

  --text: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 16px 48px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .topbar {
  background: rgba(244, 246, 249, 0.88);
}

html[data-theme="light"] .nav-link.is-active {
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
}

html[data-theme="light"] .nav-link.is-active .nav-icon {
  color: #2563eb;
}

html[data-theme="light"] .knowledge-box {
  background: rgba(37, 99, 235, 0.06);
}

html[data-theme="light"] .prompt-body,
html[data-theme="light"] .code-body {
  background: #f8fafc;
}

html[data-theme="light"] .code-card.is-collapsed .code-body::after {
  background: linear-gradient(transparent, #f8fafc);
}