export declare const BRANCH_COLORS: string[];
export interface ThemeColors {
    root: {
        fontSize: number;
        fontWeight: number;
        fontFamily: string;
        paddingH: number;
        paddingV: number;
        bgColor: string;
        textColor: string;
    };
    node: {
        fontSize: number;
        fontWeight: number;
        fontFamily: string;
        paddingH: number;
        paddingV: number;
        textColor: string;
    };
    level1: {
        fontSize: number;
        fontWeight: number;
    };
    connection: {
        strokeWidth: number;
    };
    layout: {
        horizontalGap: number;
        verticalGap: number;
    };
    canvas: {
        bgColor: string;
    };
    controls: {
        bgColor: string;
        textColor: string;
        hoverBg: string;
        activeBg: string;
    };
    contextMenu: {
        bgColor: string;
        textColor: string;
        hoverBg: string;
        borderColor: string;
        shadowColor: string;
    };
    addBtn: {
        fill: string;
        hoverFill: string;
        iconColor: string;
    };
    selection: {
        strokeColor: string;
        fillColor: string;
    };
    highlight: {
        textColor: string;
        bgColor: string;
    };
}
export declare function getTheme(mode: "light" | "dark"): ThemeColors;
export declare const THEME: ThemeColors;
/**
 * Generate CSS custom properties from theme for the container element.
 * Users can override these to customize the mind map appearance.
 */
export declare function generateCSSVariables(theme: ThemeColors, branchColors?: string[]): Record<string, string>;
/**
 * Generate a CSS style string with resolved values for SVG export.
 * Uses concrete values (not CSS variables) for maximum compatibility.
 */
export declare function generateExportStyles(theme: ThemeColors): string;