const fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif'

const colors = {
  primary: '#3784fa',
  primarySoft: '#eff6ff',
  primaryFaint: 'rgba(55,132,250,0.03)',
  primaryLight: '#5b9bfb',
  teal: '#169b9b',
  tealLight: '#46b5bc',
  green: '#18a46f',
  purple: '#8b5cf6',
  amber: '#bf850e',
  rose: '#e85e70',
  muted: '#64748b',
  text: '#1f2937',
  border: '#e5eaf2',
  axis: '#d8e2ef',
  unknown: '#a2adbf',
  surface: '#fff',
}

/** Explicitly consumed by workbench charts; never registers a global ECharts theme. */
export const adminWorkbenchChartTheme = {
  fontFamily,
  colors,
  tooltip: {
    backgroundColor: colors.surface,
    borderColor: colors.border,
    borderWidth: 1,
    borderRadius: 10,
    padding: 12,
    extraCssText: 'box-shadow: 0 8px 24px rgba(31, 55, 90, 0.1);',
    textStyle: { color: colors.text, fontSize: 12, fontFamily },
  },
  axisLabel: { color: colors.muted, fontSize: 12 },
  axisName: { color: colors.muted, fontSize: 12 },
  splitLine: {
    show: true,
    lineStyle: { type: 'dashed' as const, color: colors.border, opacity: 0.8 },
  },
}

export type AdminWorkbenchChartTheme = typeof adminWorkbenchChartTheme