/**
 * CNAI 语义化 Token
 *
 * 组件和页面优先消费此层。每个 token 引用 primitive 层。
 * 业务侧通过 ConfigProvider theme.token 覆盖任意 token。
 *
 * 命名约定: --cnai-{category}-{name}
 */

:root {
  /* ================================================================
   * 1. 主题色
   * ================================================================ */
  --cnai-color-brand-primary: var(--cnai-primitive-brand-500);
  --cnai-color-brand-primary-hover: var(--cnai-primitive-brand-600);
  --cnai-color-brand-secondary: var(--cnai-primitive-brand-purple-500);
  --cnai-color-brand-accent: var(--cnai-primitive-brand-purple-400);

  /* ================================================================
   * 2. 主题渐变
   * ================================================================ */
  --cnai-gradient-brand: linear-gradient(
    135deg,
    var(--cnai-primitive-brand-purple-300) 36%,
    var(--cnai-primitive-brand-blue-300) 96%
  );
  --cnai-gradient-brand-light: linear-gradient(
    135deg,
    var(--cnai-primitive-brand-purple-200) 3%,
    var(--cnai-primitive-brand-blue-400) 96%
  );
  --cnai-gradient-brand-hover: linear-gradient(
    135deg,
    var(--cnai-primitive-brand-purple-500) 3%,
    var(--cnai-primitive-brand-500) 96%
  );
  --cnai-gradient-brand-text: linear-gradient(
    108deg,
    rgba(161, 20, 255, 0.8) 3%,
    rgba(65, 97, 253, 0.8) 96%
  );

  /* 页面背景渐变（Agent 页面顶部主题色衰减） */
  --cnai-gradient-page-bg: linear-gradient(
    180deg,
    var(--cnai-primitive-brand-purple-50) 0%,
    rgba(241, 238, 255, 0) 27%
  );

  /* 内容装饰渐变（Markdown 标题/列表标记/引用块边框共用） */
  --cnai-gradient-content: linear-gradient(
    135deg,
    var(--cnai-primitive-content-start) 0%,
    var(--cnai-primitive-content-end) 100%
  );
  --cnai-gradient-content-vertical: linear-gradient(
    180deg,
    var(--cnai-primitive-content-start) 0%,
    var(--cnai-primitive-content-end) 100%
  );

  /* 分隔线渐变（水平分割线、hr 共用） */
  --cnai-gradient-divider: linear-gradient(
    90deg,
    transparent 0%,
    rgba(102, 126, 234, 0.3) 50%,
    transparent 100%
  );
  --cnai-gradient-divider-light: linear-gradient(
    90deg,
    transparent 0%,
    rgba(102, 126, 234, 0.2) 50%,
    transparent 100%
  );

  /* ================================================================
   * 3. 文字颜色
   * ================================================================ */
  --cnai-color-text-heading: var(--cnai-primitive-gray-900);
  --cnai-color-text-primary: var(--cnai-primitive-gray-800);
  --cnai-color-text-secondary: var(--cnai-primitive-gray-600);
  --cnai-color-text-tertiary: var(--cnai-primitive-gray-400);
  --cnai-color-text-disabled: var(--cnai-primitive-gray-300);

  /* ================================================================
   * 4. 背景颜色
   * ================================================================ */
  --cnai-color-bg-base: var(--cnai-primitive-white);
  --cnai-color-bg-subtle: var(--cnai-primitive-gray-50);
  --cnai-color-bg-muted: var(--cnai-primitive-gray-75);
  --cnai-color-bg-selected: #f1f5fe;
  --cnai-color-bg-selected-alt: #f0f5ff;
  --cnai-color-bg-active: #f7f0fe;
  --cnai-color-bg-active-deep: #ebe6ff;
  --cnai-color-bg-hover: #dedfe7;

  /* 内容装饰背景（加粗文字底色、引用块底色、常用查询 hover 共用） */
  --cnai-color-bg-content-light: linear-gradient(
    135deg,
    rgba(102, 126, 234, 0.08) 0%,
    rgba(118, 75, 162, 0.08) 100%
  );
  --cnai-color-bg-content-medium: linear-gradient(
    120deg,
    rgba(102, 126, 234, 0.1) 0%,
    rgba(118, 75, 162, 0.1) 100%
  );

  /* ================================================================
   * 5. 边框颜色
   * ================================================================ */
  --cnai-color-border-base: var(--cnai-primitive-gray-200);
  --cnai-color-border-light: var(--cnai-primitive-gray-100);

  /* ================================================================
   * 6. 功能色
   * ================================================================ */
  --cnai-color-success: var(--cnai-primitive-success);
  --cnai-color-error: var(--cnai-primitive-error);
  --cnai-color-link: var(--cnai-primitive-link);

  /* 内容装饰色（链接/标签/固定按钮共用） */
  --cnai-color-content-accent: var(--cnai-primitive-content-start);
  --cnai-color-content-accent-hover: var(--cnai-primitive-content-end);

  /* ================================================================
   * 7. 圆角
   * ================================================================ */
  --cnai-radius-sm: var(--cnai-primitive-radius-4);
  --cnai-radius-md: var(--cnai-primitive-radius-8);
  --cnai-radius-lg: var(--cnai-primitive-radius-12);
  --cnai-radius-pill: var(--cnai-primitive-radius-20);
  --cnai-radius-circle: var(--cnai-primitive-radius-circle);

  /* ================================================================
   * 8. 阴影
   * ================================================================ */
  --cnai-shadow-sm: var(--cnai-primitive-shadow-sm);
  --cnai-shadow-md: var(--cnai-primitive-shadow-md);
  --cnai-shadow-lg: var(--cnai-primitive-shadow-lg);
  --cnai-shadow-popup: var(--cnai-primitive-shadow-popup);
}
