export type ThemeMode = "light" | "dark";
export interface ThemeTypography {
	fontFamily: string;
	fontWeights: {
		light: number;
		regular: number;
		medium: number;
		semibold: number;
		bold: number;
	};
}
export interface ThemeButtonTypography {
	fontSize: string;
	fontWeight: number;
	small: {
		fontSize: string;
	};
	large: {
		fontSize: string;
	};
}
export interface ThemeButtonIconOnly {
	width: string;
	height: string;
	iconSize: string;
	iconPadding: string;
}
export interface ThemeButtonMetrics {
	borderRadius: string;
	padding: string;
	display: string;
	justifyContent: string;
	alignItems: string;
	gap: string;
	typography: ThemeButtonTypography;
	iconOnly: ThemeButtonIconOnly;
}
export interface ThemeSemanticText {
	primary: string;
	secondary: string;
	inverse: string;
}
export interface ThemeSemanticSurface {
	background: string;
	card: string;
	section: string;
	sidebarBorder: string;
}
export interface ThemeSemanticButton {
	primary: {
		background: string;
		backgroundHover: string;
		border: string;
		text: string;
	};
	secondary: {
		background: string;
		backgroundMuted: string;
		border: string;
		text: string;
	};
	tertiary: {
		background: string;
		text: string;
	};
	disabled: {
		background: string;
		border: string;
		text: string;
	};
	iconBorder: string;
}
export interface ThemeSemanticFeedback {
	success: string;
	info: string;
	warning: string;
	help: string;
	danger: string;
	secondary: string;
}
export interface ThemeSemantic {
	text: ThemeSemanticText;
	surface: ThemeSemanticSurface;
	button: ThemeSemanticButton;
	feedback: ThemeSemanticFeedback;
}
export interface Theme {
	mode: ThemeMode;
	typography: ThemeTypography;
	button: ThemeButtonMetrics;
	semantic: ThemeSemantic;
}
export declare const lightTheme: Theme;
export declare const darkTheme: Theme;