import { colors } from './base-colors';
export type ColorName = keyof typeof colors;
export type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
export declare const colorShades: ColorShade[];
export type SemanticColorName = 'primary' | 'secondary' | 'base' | 'success' | 'warning' | 'danger' | 'info';
export type ThemeColorName = ColorName | SemanticColorName | 'black' | 'white';
export declare const semanticColorNames: readonly ["primary", "secondary", "base", "success", "warning", "danger", "info"];
export declare const themeColorNames: ThemeColorName[];
export declare const semanticColors: Record<SemanticColorName, ColorName>;
export type SemanticColorOverrides = Partial<Record<SemanticColorName, ThemeColorName>>;
export declare function resolveSemanticColorMap(overrides?: SemanticColorOverrides): {
    base: ThemeColorName;
    primary: ThemeColorName;
    secondary: ThemeColorName;
    success: ThemeColorName;
    warning: ThemeColorName;
    danger: ThemeColorName;
    info: ThemeColorName;
};
export type BackgroundColorName = 'background' | 'surface' | 'subtle' | 'elevated' | 'raised' | 'overlay';
export declare const bgColors: {
    light: Record<BackgroundColorName, [ThemeColorName, ColorShade]>;
    dark: Record<BackgroundColorName, [ThemeColorName, ColorShade]>;
};
export type TextColorName = 'normal' | 'muted' | 'inverted';
export declare const textColors: {
    light: Record<TextColorName, [ThemeColorName, ColorShade]>;
    dark: Record<TextColorName, [ThemeColorName, ColorShade]>;
};
export type BorderColorName = 'border' | 'divider' | 'inverted';
export declare const borderColors: {
    light: Record<BorderColorName, [ThemeColorName, ColorShade]>;
    dark: Record<BorderColorName, [ThemeColorName, ColorShade]>;
};
export type InteractiveColorName = 'focus' | 'hover' | 'active';
export declare const interactiveColors: {
    light: Record<InteractiveColorName, [ThemeColorName, ColorShade]>;
    dark: Record<InteractiveColorName, [ThemeColorName, ColorShade]>;
};
export declare function normalizeColorName(color: ThemeColorName, overrides?: SemanticColorOverrides): ThemeColorName;
export declare function getColorVarName(color: ThemeColorName, shade: ColorShade): `--color-${ThemeColorName}-${ColorShade}` | '--color-white' | '--color-black';
export declare function getColorVar(color: ThemeColorName, shade: ColorShade): string;
export type BackgroundVariant = 'solid' | 'soft' | 'light' | 'lighter';
export declare const backgroundConfig: {
    readonly special: {
        readonly inherit: {
            readonly backgroundColor: "inherit";
            readonly color: "inherit";
        };
        readonly white: {
            readonly backgroundColor: "var(--color-white)";
            readonly color: "var(--color-base-900)";
        };
        readonly black: {
            readonly backgroundColor: "black";
            readonly color: "var(--color-white)";
        };
        readonly transparent: {
            readonly backgroundColor: "transparent";
            readonly color: "inherit";
        };
    };
    readonly variants: {
        readonly solid: {
            readonly light: {
                readonly bgShade: 700;
                readonly textColor: "var(--color-white)";
            };
            readonly dark: {
                readonly bgShade: 600;
                readonly textColor: "var(--color-black)";
            };
        };
        readonly soft: {
            readonly light: {
                readonly bgShade: 300;
                readonly textColor: "var(--text-normal-light)";
            };
            readonly dark: {
                readonly bgShade: 700;
                readonly textColor: "var(--text-normal-dark)";
            };
        };
        readonly light: {
            readonly light: {
                readonly bgShade: 200;
                readonly textColor: "var(--text-normal-light)";
            };
            readonly dark: {
                readonly bgShade: 800;
                readonly textColor: "var(--text-normal-dark)";
            };
        };
        readonly lighter: {
            readonly light: {
                readonly bgShade: 100;
                readonly textColor: "var(--text-normal-light)";
            };
            readonly dark: {
                readonly bgShade: 900;
                readonly textColor: "var(--text-normal-dark)";
            };
        };
    };
    readonly overrides: {
        readonly white: {
            readonly light: {
                readonly backgroundColor: "var(--color-white)";
                readonly color: "var(--color-base-900)";
            };
            readonly dark: {
                readonly backgroundColor: "var(--color-black)";
                readonly color: "var(--color-base-100)";
            };
        };
        readonly black: {
            readonly light: {
                readonly backgroundColor: "black";
                readonly color: "var(--color-white)";
            };
            readonly dark: {
                readonly backgroundColor: "black";
                readonly color: "var(--color-white)";
            };
        };
        readonly transparent: {
            readonly light: {
                readonly backgroundColor: "transparent";
                readonly color: "inherit";
            };
            readonly dark: {
                readonly backgroundColor: "transparent";
                readonly color: "inherit";
            };
        };
    };
};
export declare function generateCoreColorVariables(): Record<string, string>;
export declare function generateSemanticColorVariables(overrides?: SemanticColorOverrides): Record<string, string>;
export declare function generateColorVariables(): Record<string, string>;
