/**
 * CNAI 组件级 Token
 *
 * 仅当组件需要独立于语义层的精细外观控制时才在此定义。
 * 尽量复用 semantic token，避免 token 膨胀。
 *
 * 命名约定: --cnai-{component}-{element}-{property}
 *   component = agent | filter | table
 */

:root {
  /* ================================================================
   * 1. CnAiAgent
   * ================================================================ */

  /* 气泡 */
  --cnai-agent-bubble-user-bg: #e5e8ff;
  --cnai-agent-bubble-assistant-bg: var(--cnai-color-bg-subtle);

  /* 跟单卡片 */
  --cnai-agent-summary-card-bg: rgba(255, 255, 255, 0.6);

  /*
   * 内容装饰边框/阴影（Markdown 标题、链接、表格 等）
   * 与品牌渐变起始色 #667eea (content-start) 同色系。
   */
  --cnai-agent-heading-border: rgba(102, 126, 234, 0.2);
  --cnai-agent-link-border-color: rgba(102, 126, 234, 0.4);
  --cnai-agent-table-shadow-color: rgba(102, 126, 234, 0.1);

  /* ================================================================
   * 2. CnAiFilter
   * ================================================================ */

  /* 发送按钮 */
  --cnai-filter-send-btn-bg: rgba(247, 240, 254, 1);
  --cnai-filter-send-btn-hover-bg: #e3cafa;

  /* 录音按钮遮罩 */
  --cnai-filter-record-mask-url: url('https://img.alicdn.com/imgextra/i4/O1CN01f26w1Z1Wh9YdajZBl_!!6000000002819-55-tps-16-16.svg');
  --cnai-filter-record-mask-gradient: linear-gradient(
    144deg,
    var(--cnai-color-brand-secondary) 3%,
    var(--cnai-color-brand-primary) 96%
  );

  /* 标签 */
  --cnai-filter-tag-bg: rgba(102, 126, 234, 0.1);
  --cnai-filter-tag-border: rgba(102, 126, 234, 0.2);

  /* 翻译标签 */
  --cnai-filter-translate-tag-bg: #e9edf8;

  /* ================================================================
   * 3. CnAiTable
   * ================================================================ */

  /* 选中角标 */
  --cnai-table-badge-icon-url: url('https://img.alicdn.com/imgextra/i3/O1CN01JMYzvU1J8GS4AeHY5_!!6000000000983-55-tps-12-12.svg');

  /* 文字渐变 */
  --cnai-table-text-gradient-start: #1a66ff;
  --cnai-table-text-gradient-end: #b624ff;

  /* 表格基础 */
  --cnai-table-header-color: #262626;
  --cnai-table-cell-color: #595959;
  --cnai-table-hover-selected-bg: #e8e8e8;
  --cnai-table-footer-bg: #fafafa;

  /* 单元格编辑状态 */
  --cnai-table-cell-selected-border: #000;
  --cnai-table-cell-editing-ai-border: #9333ea;

  /*
   * 智能跟单特殊边框
   * 合并原来的 top/left/right 三个 token 为一个；SCSS 中各方向统一消费此值。
   * 如业务确需每条边不同色，可在 SCSS 中分别用 var() fallback 覆盖。
   */
  --cnai-table-special-border-color: #5571ff;

  /* 拖拽 */
  --cnai-table-drag-handle-color: #bfbfbf;

  /* 插图 */
  --cnai-table-illustration-init-page-url: url('https://img.alicdn.com/imgextra/i4/O1CN01gUrnMc25JLbIMRj9W_!!6000000007505-2-tps-2084-896.png');
  --cnai-table-illustration-general-url: url('https://img.alicdn.com/imgextra/i1/O1CN01ZzBrMW1xiWRdYs0e8_!!6000000006477-2-tps-548-480.png');
  --cnai-table-illustration-digital-url: url('https://img.alicdn.com/imgextra/i4/O1CN01oL67rm1iP5OsqgOpO_!!6000000004404-2-tps-548-480.png');
}
