export interface Colors {
    /**
     * The primary brand color for the theme.
     * This is the main color used for buttons, links, and other interactive elements.
     */
    primaryBrand: string;
    /**
     * The primary brand color for the theme when hovered.
     * This is the color used for buttons, links, and other interactive elements when hovered.
     */
    primaryBrandHover?: string;
    /**
     * The primary brand color for the theme when active.
     * This is the color used for buttons, links, and other interactive elements when active.
     */
    primaryBrandActive?: string;
    /**
     * The color used for text and icons on top of the primary brand color.
     * This is typically a light color to ensure good contrast with the primary brand color.
     */
    onPrimaryBrand?: string;
    /**
     * The color used for text and icons on top of the primary brand color when hovered.
     * This is typically a light color to ensure good contrast with the primary brand color.
     */
    onPrimaryBrandHover?: string;
    /**
     * The color used for text and icons on top of the primary brand color when active.
     * This is typically a light color to ensure good contrast with the primary brand color.
     */
    onPrimaryBrandActive?: string;
}
export interface FocusColors {
    /**
     * The color of the inner focus shadow for the brand color.
     * Flips to outer focus shadow when in dark mode.
     */
    ring?: string;
    /**
     * The color of the outer focus shadow for the brand color.
     * Flips to inner shadow when in dark mode.
     */
    contrast?: string;
    /**
     * The background color for Link focus state.
     */
    alt?: string;
}
export interface BrandOverrides {
    /**
     * The brand color overrides for light mode.
     */
    light?: Colors & {
        inverse?: Colors;
    };
    /**
     * The brand color overrides for dark mode.
     */
    dark?: Colors & {
        inverse?: Colors;
    };
    /**
     * The focus color overrides for the brand color.
     */
    focus?: FocusColors & {
        inverse?: FocusColors;
    };
    /**
     * The font family overrides for the brand.
     * This allows customisation of the font family for different text elements within the brand.
     */
    font?: {
        family?: {
            component?: string;
            heading?: string;
            subheading?: string;
            body?: string;
            other?: string;
        };
    };
    /**
     * The border radius scale for the brand.
     * This allows customisation of the border radius for different UI elements within the brand.
     * e.g. "0.5" for 50% border radius.
     */
    borderRadiusScale?: number;
}
export declare const overrideTokens: (overrides: BrandOverrides) => string;