/**
 * Shared Recharts tooltip and chart style constants.
 *
 * All colour values use CSS custom properties so they adapt to every theme.
 * itemStyle uses card-foreground (not muted-foreground) to guarantee
 * readability inside the tooltip card on all themes including Terminal,
 * Synthwave and Vault which have dim muted-foreground values.
 *
 * cursor uses --primary at low opacity — always visible and thematic.
 */
export const TOOLTIP_STYLE = {
  contentStyle: {
    background: "hsl(var(--card))",
    border: "1px solid hsl(var(--border))",
    borderRadius: "8px",
    fontSize: "12px",
    color: "hsl(var(--card-foreground))",
    boxShadow: "0 4px 20px rgba(0,0,0,0.35)",
    padding: "8px 12px",
  },
  labelStyle: {
    color: "hsl(var(--card-foreground))",
    fontWeight: 600,
    marginBottom: "4px",
    fontSize: "12px",
  },
  itemStyle: {
    color: "hsl(var(--card-foreground))",
    opacity: 0.8,
  },
  cursor: { fill: "hsl(var(--primary))", fillOpacity: 0.12 },
};

/** Standard activeDot for Line/Area charts — theme-adaptive. */
export const ACTIVE_DOT = {
  r: 4,
  stroke: "hsl(var(--card))",
  strokeWidth: 2,
  fill: "hsl(var(--primary))",
};