/**
 * Theme configuration for CustomCursor component
 * Uses CSS variables for themeable colors and properties
 */
const customCursorTheme = {
    baseStyle: "pointer-events-none z-[9999] absolute transform-[translate(-50%,-50%)]",
    cursorStyle: "transition-transform duration-150",
    cursorFollowVariants: {
        default: "rounded-[var(--radius-base)] bg-white dark:bg-[var(--color-background-secondary)] shadow-lg border border-[var(--color-border)] px-3 py-2 text-base text-[var(--color-text-primary)]",
        user: "flex items-center gap-2 rounded-full pl-1 pr-3 py-1 shadow-xl",
    },
    cursorFollowColors: {
        neutral: "bg-[var(--color-background-secondary)]",
        dark: "bg-[var(--color-text-primary)]",
        primary: "bg-[var(--color-primary)]",
        secondary: "bg-[var(--color-secondary)]",
        success: "bg-[var(--color-success)]",
        warning: "bg-[var(--color-warning)]",
        danger: "bg-[var(--color-danger)]",
    },
    sizes: {
        sm: "w-5 h-5",
        md: "w-7 h-7",
        lg: "w-10 h-10",
    },
    colors: {
        neutral: "text-[var(--color-background-secondary)]",
        dark: "text-[var(--color-text-primary)]",
        primary: "text-[var(--color-primary)]",
        secondary: "text-[var(--color-secondary)]",
        success: "text-[var(--color-success)]",
        warning: "text-[var(--color-warning)]",
        danger: "text-[var(--color-danger)]",
    },
    variants: {
        default: "",
        glass: "backdrop-blur-md bg-white/30 dark:bg-white/10 border border-white/50 dark:border-white/20 shadow-xl rounded-[var(--radius-base)] p-1",
    },
    shapes: {
        circle: "rounded-full bg-[var(--color-primary)] opacity-50",
        arrow: "rotate-45",
    },
};

export { customCursorTheme };
