/**
 * 数据可视化 / 分类系列色常量
 *
 * 统一图表（Chart.js）、流程图（mermaid）、分类标签等多色区分场景的颜色来源。
 * 与 `styles/tokens.css` 的语义色（成功/警告/错误）互补：
 * - 语义状态色 → 走 CSS 变量（`var(--color-success)` 等）
 * - 多色区分的系列色 → 走本常量
 *
 * 每个系列色同时提供 hex 与 rgb 字符串（rgb 用于 `rgba(..., 0.1)` 填充背景）。
 */

export const palette = {
  // ===== 系列色（数据可视化 / 分类） =====
  blue: '#3b82f6',
  blueRgb: '59, 130, 246',
  purple: '#8b5cf6',
  purpleRgb: '139, 92, 246',
  green: '#10b981',
  greenRgb: '16, 185, 129',
  red: '#ef4444',
  redRgb: '239, 68, 68',
  orange: '#f59e0b',
  orangeRgb: '245, 158, 11',
  indigo: '#6366f1',
  indigoRgb: '99, 102, 241',
  pink: '#e83e8c',
  pinkRgb: '232, 62, 140',
  gray: '#6c757d',
  grayRgb: '108, 117, 125',

  // ===== 中性灰阶（流程图文本 / 边框 / 线条） =====
  neutralText: '#1f2937',
  neutralLine: '#6b7280',
  neutralBorder: '#d1d5db',
} as const

/** 系列色浅色底（图表填充 / 流程图节点背景） */
export const paletteBg = {
  blue: '#dbeafe',
  green: '#d1fae5',
  orange: '#fef3c7',
  red: '#fee2e2',
  indigo: '#e0e7ff',
  pink: '#fce7f3',
  gray: '#f3f4f6',
} as const

/** 系列色浅色描边（流程图节点边框，浅一档用于区分背景） */
export const paletteBorder = {
  blue: '#3b82f6',
  green: '#10b981',
  orange: '#f59e0b',
  red: '#ef4444',
  indigo: '#a5b4fc',
  pink: '#f9a8d4',
  gray: '#d1d5db',
} as const