type VerificationAppearance = {
    variables?: VerificationAppearanceVariables;
    rules?: VerificationAppearanceRules;
};
type VerificationAppearanceVariables = {
    fontFamily?: string;
    fontSizeUnit?: string;
    spacingUnit?: string;
    borderRadius?: string;
    colors?: {
        accent?: string;
        textPrimary?: string;
        textSecondary?: string;
        backgroundPrimary?: string;
        backgroundSecondary?: string;
        border?: string;
        danger?: string;
        success?: string;
    };
};
type VerificationAppearanceRules = {
    Overlay?: {
        colors?: {
            background?: string;
        };
    };
    Modal?: {
        borderRadius?: string;
        colors?: {
            border?: string;
        };
    };
    Input?: {
        borderRadius?: string;
        colors?: {
            background?: string;
            border?: string;
        };
    };
    PrimaryButton?: {
        borderRadius?: string;
        colors?: {
            text?: string;
            background?: string;
        };
        hover?: {
            colors?: {
                background?: string;
            };
        };
        disabled?: {
            colors?: {
                background?: string;
            };
        };
    };
    SecondaryButton?: {
        colors?: {
            text?: string;
            background?: string;
        };
        hover?: {
            colors?: {
                background?: string;
            };
        };
    };
    CloseButton?: {
        colors?: {
            background?: string;
        };
        hover?: {
            colors?: {
                background?: string;
            };
        };
    };
    Radio?: {
        colors?: {
            border?: string;
        };
        selected?: {
            colors?: {
                border?: string;
                background?: string;
                dot?: string;
            };
        };
    };
};

export type { VerificationAppearance, VerificationAppearanceRules, VerificationAppearanceVariables };