/**
 * 微信风格设计 Token —— 全站聊天相关 CSS / Shadow DOM 的唯一色源。
 * 规范文档：/frontend-ui.md
 */
:root {
  color-scheme: light;

  --wx-brand: #07c160;
  --wx-brand-hover: #06ad56;
  --wx-brand-soft: #e8f8ef;

  --wx-bubble-me: #95ec69;
  --wx-bubble-them: #ffffff;

  --wx-ink: #191919;
  --wx-muted: #888888;
  --wx-hint: #b2b2b2;

  --wx-bg: #ededed;
  --wx-bg-composer: #f7f7f7;
  --wx-bg-active: #e5e5e5;
  --wx-surface: #ffffff;
  --wx-line: #e5e5e5;

  --wx-danger: #fa5151;
  --wx-danger-soft: #ffeaea;

  --wx-radius-bubble: 4px;
  --wx-radius-avatar: 4px;
  --wx-radius-control: 6px;
  --wx-radius-panel: 10px;

  --wx-avatar-size: 40px;
  --wx-avatar-list: 48px;

  --wx-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue",
    "Segoe UI", "Microsoft YaHei", sans-serif;
  --wx-font-size: 14px;
  --wx-font-size-title: 16px;
  --wx-font-size-meta: 12px;
  --wx-font-size-time: 11px;

  --wx-shadow-panel: 0 8px 28px rgba(0, 0, 0, 0.18);
  --wx-transition: 160ms ease;

  /* 兼容旧后台变量名，逐步对齐微信绿 */
  --bg: var(--wx-bg);
  --ink: var(--wx-ink);
  --muted: var(--wx-muted);
  --line: var(--wx-line);
  --card: var(--wx-surface);
  --accent: var(--wx-brand);
  --accent-ink: #ffffff;
  --danger: var(--wx-danger);
  --ok: var(--wx-brand);
}