/* base.css - 主题变量、滚动条、基础重置
 * 与原 index.html 内联样式保持完全一致
 */

:root {
  --chat-bg: var(--bs-body-bg);
  --chat-panel: var(--bs-tertiary-bg);
  --chat-border: var(--bs-border-color);
  --user-bg: #2d5bff;
  --user-fg: #ffffff;            /* 用户气泡 / 发送按钮文字色(高对比度主题改为黑色) */
  --bot-bg: var(--bs-secondary-bg);
  --active-bg: #23304d;          /* 当前选中的会话项背景 */
  --active-fg: var(--bs-body-color);
}
/* 亮色主题覆盖配色 */
[data-bs-theme="light"] {
  --user-bg: #2d5bff;
  --bot-bg: #f1f3f5;
}
html, body { height: 100%; }
body { overflow: hidden; }
/* 独立页面(stats/contact 等)需要自然滚动,放行 body 的 overflow,避免小屏内容被裁 */
body.stats-body,
body.contact-body { overflow: auto; height: auto; min-height: 100%; }

/* 滚动条 */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--bs-secondary-bg); border-radius: 6px; border: 2px solid transparent; background-clip: content-box; }
*::-webkit-scrollbar-thumb:hover { background: var(--bs-secondary-color); border: 2px solid transparent; background-clip: content-box; }

/* ============================================================================
 * 主题调色板:data-opencode-theme 覆盖 Bootstrap 的 --bs-* 变量。
 * 选择器与 Bootstrap 的 [data-bs-theme] 同特异性,且本文件在 bootstrap.min.css
 * 之后加载,故这里的覆盖始终生效。
 * ========================================================================== */

/* 默认暗色(沿用 Bootstrap dark 调色) */
[data-opencode-theme="default-dark"] {
  --bs-body-bg: #212529;
  --bs-body-color: #dee2e6;
  --bs-secondary-bg: #2b3035;
  --bs-tertiary-bg: #2b3035;
  --bs-border-color: #495057;
  --bs-secondary-color: #adb5bd;
  --bs-primary: #0d6efd;
  --user-bg: #2d5bff;
  --user-fg: #ffffff;
  --bot-bg: #2b3035;
  --active-bg: #23304d;
  --active-fg: #ffffff;
}

/* 默认亮色(沿用 Bootstrap light 调色) */
[data-opencode-theme="default-light"] {
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
  --bs-secondary-bg: #e9ecef;
  --bs-tertiary-bg: #f8f9fa;
  --bs-border-color: #dee2e6;
  --bs-secondary-color: #6c757d;
  --bs-primary: #0d6efd;
  --user-bg: #2d5bff;
  --user-fg: #ffffff;
  --bot-bg: #f1f3f5;
  --active-bg: #dbe4ff;
  --active-fg: #212529;
}

/* GitHub 亮色(Primer light) */
[data-opencode-theme="github-light"] {
  --bs-body-bg: #ffffff;
  --bs-body-color: #1f2328;
  --bs-secondary-bg: #f6f8fa;
  --bs-tertiary-bg: #f6f8fa;
  --bs-border-color: #d0d7de;
  --bs-secondary-color: #656d76;
  --bs-primary: #0969da;
  --user-bg: #0969da;
  --user-fg: #ffffff;
  --bot-bg: #f6f8fa;
  --active-bg: #eaeef2;
  --active-fg: #1f2328;
}

/* GitHub 暗色(Primer dark) */
[data-opencode-theme="github-dark"] {
  --bs-body-bg: #0d1117;
  --bs-body-color: #e6edf3;
  --bs-secondary-bg: #161b22;
  --bs-tertiary-bg: #161b22;
  --bs-border-color: #30363d;
  --bs-secondary-color: #8b949e;
  --bs-primary: #2f81f7;
  --user-bg: #1f6feb;
  --user-fg: #ffffff;
  --bot-bg: #161b22;
  --active-bg: rgba(56, 139, 253, 0.15);
  --active-fg: #e6edf3;
}

/* VS Code 经典暗色 */
[data-opencode-theme="vscode"] {
  --bs-body-bg: #1e1e1e;
  --bs-body-color: #d4d4d4;
  --bs-secondary-bg: #252526;
  --bs-tertiary-bg: #252526;
  --bs-border-color: #3c3c3c;
  --bs-secondary-color: #858585;
  --bs-primary: #007acc;
  --user-bg: #007acc;
  --user-fg: #ffffff;
  --bot-bg: #252526;
  --active-bg: #37373d;
  --active-fg: #ffffff;
}

/* 高对比度(纯黑底 / 白字 / 亮黄强调 + 强边框) */
[data-opencode-theme="hc"] {
  --bs-body-bg: #000000;
  --bs-body-color: #ffffff;
  --bs-secondary-bg: #0a0a0a;
  --bs-tertiary-bg: #0f0f0f;
  --bs-border-color: #ffffff;
  --bs-secondary-color: #ffffff;
  --bs-primary: #ffff00;
  --user-bg: #ffff00;
  --user-fg: #000000;
  --bot-bg: #0f0f0f;
  --active-bg: #ffffff;
  --active-fg: #000000;
}