/**
 * Theme Objects - Light and Dark Themes
 *
 * Combines BASE_TOKENS + ColorPalette into complete theme objects
 */
import { BASE_TOKENS } from './BaseTokens';
import type { ColorPalette } from './ColorPalette';
/**
 * Complete Theme Object
 * Combines colors, spacing, typography, borders, and design tokens
 */
export interface Theme {
    colors: ColorPalette;
    spacing: typeof BASE_TOKENS.spacing;
    typography: typeof BASE_TOKENS.typography;
    borders: typeof BASE_TOKENS.borders;
    iconSizes: {
        xs: number;
        sm: number;
        md: number;
        lg: number;
        xl: number;
        xxl: number;
        hero: number;
    };
    opacity: {
        disabled: number;
        inactive: number;
        subtle: number;
        medium: number;
        full: number;
    };
}
/**
 * Light Theme
 * Combines static BASE_TOKENS + lightColors
 */
export declare const lightTheme: Theme;
/**
 * Dark Theme
 * Combines static BASE_TOKENS + darkColors
 */
export declare const darkTheme: Theme;
/**
 * Utility function for responsive design
 */
export declare const createResponsiveValue: <T>(_theme: Theme, values: Partial<Record<string, T>>) => T;