/**
 * ChartTooltip Theme Configuration
 *
 * Follows the established theming pattern with CSS variables
 */
const chartTooltipTheme = {
    baseStyle: "fixed z-50 text-[var(--color-text-primary)] rounded-[var(--tooltip-radius)] px-3 py-2 shadow-lg pointer-events-none glass-effect",
    contentStyle: "whitespace-nowrap text-base",
    multiSeriesContainerStyle: "text-left",
    categoryStyle: "text-sm font-semibold mb-1 text-[var(--color-text-primary)]",
    seriesContainerStyle: "space-y-0.5",
    seriesRowStyle: "flex items-center justify-between gap-3",
    dotStyle: "size-2 rounded-[calc(var(--radius-base)*0.75)]",
    labelStyle: "text-sm opacity-90 text-[var(--color-text-secondary)]",
    valueStyle: "text-sm font-semibold text-[var(--color-text-primary)]",
};

export { chartTooltipTheme };
