import { type ThemeVariant } from '../themeRegistry';
export interface ColorPalette {
    bg: string;
    bgPanel: string;
    bgAlt: string;
    primary: string;
    secondary: string;
    accent: string;
    glow: string;
    pop: string;
    spark: string;
    blaze: string;
    surge: string;
    flame: string;
    gold: string;
    textLight: string;
    textMuted: string;
    isLight: boolean;
}
export declare function getColorPalette(theme?: ThemeVariant, colorMode?: 'light' | 'dark' | 'auto'): ColorPalette;
export declare function useColorPalette(): ColorPalette;
/** @deprecated Use `useColorPalette` instead. */
export declare const useBlogColorPalette: typeof useColorPalette;
export declare const LightBoostFilter: () => import("react/jsx-runtime").JSX.Element;
export declare const SharedDefs: ({ p }: {
    p: ColorPalette;
}) => import("react/jsx-runtime").JSX.Element;
export declare const svgLightFilter: (p: ColorPalette) => "url(#svgLightBoost)" | undefined;
export declare const BgGrid: ({ w, h }: {
    w?: number;
    h?: number;
}) => import("react/jsx-runtime").JSX.Element;