/**
 * Chart theme — token-driven colors for all data viz (recharts + custom SVG).
 * Values reference CSS variables so charts re-theme with the [data-theme]
 * presets in globals.css. EMA hues are fixed, distinct colors (work on any
 * background); grid/axis/up/down/accent follow the active theme.
 */
export const chart = {
  grid: "var(--color-line)",
  axis: "var(--color-fg-muted)",
  text: "var(--color-fg-muted)",
  up: "var(--color-up)",
  down: "var(--color-down)",
  accent: "var(--color-accent)",
  neutral: "#6b7280",
  emaColors: {
    9: "#f472b6",
    21: "#a78bfa",
    50: "#60a5fa",
    200: "#34d399",
  },
  tooltip: {
    backgroundColor: "var(--color-surface-raised)",
    border: "1px solid var(--color-line)",
    borderRadius: 6,
    color: "var(--color-fg)",
    fontSize: 12,
  },
} as const;