/**
 * Heatmap theme configuration
 * Uses production-ready CSS variables from global.scss
 */
const heatmapTheme = {
    // Container with variants handled inline
    containerStyle: "relative w-full h-full min-h-[200px] flex flex-col",
    // Grid container (applied via inline styles for CSS Grid)
    gridStyle: "absolute inset-0",
    // Base cell styles (individual cells add opacity via inline styles)
    cellBaseStyle: "relative w-full h-full cursor-pointer border border-transparent transition-all duration-500 animate-[flicker_0.6s_ease-out_forwards]",
    // Axis labels using CSS variables for dark mode support
    axisLabelStyle: "text-sm text-[var(--color-text-secondary)] font-medium select-none",
    // Legend using correct CSS variables
    legendStyle: "w-full space-y-1.5 mt-3",
};

export { heatmapTheme };
