/**
 * Default theme for the DonutChart component
 */
const donutChartTheme = {
    // Base container styles
    baseStyle: "relative flex items-center justify-center transition-all duration-300 cursor-default",
    // Background track styling
    track: "text-[var(--color-border)]",
    // Progress arc styling
    progress: "text-[var(--color-primary)] transition-all duration-300",
    // Text styling
    text: {
        label: "text-2xl font-bold text-[var(--color-text-primary)] transition-colors duration-300 tracking-tight",
        subtitle: "text-base text-[var(--color-text-secondary)] mt-1 transition-colors duration-300",
    },
    // Default color palette (CSS variables for dark mode support)
    // Note: These are resolved at runtime via getComputedStyle
    colors: {
        primary: "var(--color-primary)",
        secondary: "var(--color-success)",
        track: "var(--color-border)",
    },
};

export { donutChartTheme };
