/**
 * Color tokens for AI Native Kit
 * Defines color palette for light and dark themes
 *
 * @example
 * ```typescript
 * import { colors } from '@ainativekit/ui';
 * const bgColor = colors.light.background.primary; // '#FFFFFF'
 * ```
 */
export declare const colors: {
    readonly light: {
        readonly background: {
            readonly primary: "#FFFFFF";
            readonly secondary: "#E8E8E8";
            readonly tertiary: "#F3F3F3";
        };
        readonly text: {
            readonly primary: "#0D0D0D";
            readonly secondary: "#5D5D5D";
            readonly tertiary: "#8F8F8F";
            readonly inverted: "#1B1B1F";
        };
        readonly icon: {
            readonly primary: "#0D0D0D";
            readonly secondary: "#5D5D5D";
            readonly tertiary: "#8F8F8F";
            readonly inverted: "#1B1B1F";
        };
        readonly accent: {
            readonly blue: "#0285FF";
            readonly red: "#E02E2A";
            readonly orange: "#E25507";
            readonly green: "#008635";
        };
        readonly brand: {
            readonly primary: {
                readonly base: "#0285FF";
                readonly hover: "#016FDB";
                readonly active: "#0159B8";
                readonly onColor: "#FFFFFF";
            };
            readonly success: {
                readonly base: "#008635";
                readonly hover: "#00722E";
                readonly active: "#005E25";
                readonly onColor: "#FFFFFF";
            };
            readonly warning: {
                readonly base: "#E25507";
                readonly hover: "#C14906";
                readonly active: "#A03E05";
                readonly onColor: "#FFFFFF";
            };
            readonly error: {
                readonly base: "#E02E2A";
                readonly hover: "#BF2723";
                readonly active: "#9E201D";
                readonly onColor: "#FFFFFF";
            };
        };
        readonly outline: "#79747E";
        readonly border: {
            readonly light: "rgba(13, 13, 13, 0.05)";
            readonly default: "rgba(13, 13, 13, 0.10)";
            readonly heavy: "rgba(13, 13, 13, 0.15)";
        };
        readonly state: {
            readonly hover: {
                readonly background: "rgba(13, 13, 13, 0.08)";
                readonly opacity: 0.9;
            };
            readonly active: {
                readonly opacity: 1;
                readonly scale: 0.98;
            };
            readonly disabled: {
                readonly opacity: 0.4;
            };
            readonly focus: {
                readonly outline: "#0285FF";
                readonly offset: "2px";
            };
        };
    };
    readonly dark: {
        readonly background: {
            readonly primary: "#212121";
            readonly secondary: "#303030";
            readonly tertiary: "#414141";
        };
        readonly text: {
            readonly primary: "#FFFFFF";
            readonly secondary: "#CDCDCD";
            readonly tertiary: "#AFAFAF";
            readonly inverted: "#FFFFFF";
        };
        readonly icon: {
            readonly primary: "#FFFFFF";
            readonly secondary: "#CDCDCD";
            readonly tertiary: "#AFAFAF";
            readonly inverted: "#FFFFFF";
        };
        readonly accent: {
            readonly blue: "#0285FF";
            readonly red: "#FF8583";
            readonly orange: "#FF9E6C";
            readonly green: "#40C977";
        };
        readonly brand: {
            readonly primary: {
                readonly base: "#0285FF";
                readonly hover: "#1A92FF";
                readonly active: "#339FFF";
                readonly onColor: "#FFFFFF";
            };
            readonly success: {
                readonly base: "#40C977";
                readonly hover: "#56D487";
                readonly active: "#6BDF97";
                readonly onColor: "#000000";
            };
            readonly warning: {
                readonly base: "#FF9E6C";
                readonly hover: "#FFAB82";
                readonly active: "#FFB898";
                readonly onColor: "#000000";
            };
            readonly error: {
                readonly base: "#FF8583";
                readonly hover: "#FF9D9B";
                readonly active: "#FFB5B3";
                readonly onColor: "#000000";
            };
        };
        readonly outline: "#938F99";
        readonly border: {
            readonly light: "rgba(255, 255, 255, 0.08)";
            readonly default: "rgba(255, 255, 255, 0.12)";
            readonly heavy: "rgba(255, 255, 255, 0.16)";
        };
        readonly state: {
            readonly hover: {
                readonly background: "rgba(255, 255, 255, 0.08)";
                readonly opacity: 0.9;
            };
            readonly active: {
                readonly opacity: 1;
                readonly scale: 0.98;
            };
            readonly disabled: {
                readonly opacity: 0.4;
            };
            readonly focus: {
                readonly outline: "#0285FF";
                readonly offset: "2px";
            };
        };
    };
};
export type ColorTheme = typeof colors.light;
export type ThemeMode = 'light' | 'dark';
/**
 * Brand color configuration for customizing theme colors
 * Used by ThemeProvider to override default brand colors
 */
export interface BrandColorConfig {
    /** Primary brand color (used for main actions, links, etc.) */
    primary?: string;
    /** Success color (used for positive actions, success states) */
    success?: string;
    /** Warning color (used for warning states, caution messages) */
    warning?: string;
    /** Error color (used for error states, destructive actions) */
    error?: string;
}
/**
 * Semantic color variants for component color props
 */
export type ColorVariant = 'primary' | 'success' | 'warning' | 'error' | 'neutral';
//# sourceMappingURL=colors.d.ts.map