/**
 * Layer 4: Style Orchestration Engine
 * Dynamic styling system based on design tokens and atomic design principles
 */
export interface DesignToken {
    name: string;
    value: string;
    category: 'color' | 'typography' | 'spacing' | 'shadow' | 'border' | 'animation';
    scope: 'global' | 'component' | 'theme';
}
export interface StyleTheme {
    name: string;
    tokens: DesignToken[];
    components: ComponentStyle[];
    brand_alignment: number;
    accessibility_score: number;
}
export interface ComponentStyle {
    component: string;
    styles: Record<string, string>;
    variants?: Record<string, Record<string, string>>;
    responsive?: Record<string, Record<string, string>>;
}
export interface StyleRecommendation {
    theme: StyleTheme;
    custom_tokens: DesignToken[];
    component_overrides: ComponentStyle[];
    css_framework: string;
    reasoning: string;
}
export declare class StyleOrchestrationEngine {
    private static hatchBrandTokens;
    /**
     * Generate style recommendations based on content and layout
     */
    static generateStyleRecommendation(slideType: string, audience: string, contentDensity: 'low' | 'medium' | 'high', brandGuidelines?: string): StyleRecommendation;
    /**
     * Create Hatch corporate theme
     */
    private static createHatchCorporateTheme;
    /**
     * Generate custom tokens based on context
     */
    private static generateCustomTokens;
    /**
     * Generate component style overrides
     */
    private static generateComponentOverrides;
    /**
     * Generate complete CSS framework
     */
    private static generateCSSFramework;
    /**
     * Generate CSS for individual components
     */
    private static generateComponentCSS;
    /**
     * Generate reasoning for style choices
     */
    private static generateStyleReasoning;
    /**
     * Validate accessibility compliance
     */
    static validateAccessibility(theme: StyleTheme): {
        score: number;
        issues: string[];
    };
}