import type { ThemeVars } from '../css/sprinkles.css';
/** System font fallbacks */
export declare const systemFontStack = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
declare const fontStacks: {
    readonly rounded: "SFRounded, ui-rounded, \"SF Pro Rounded\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
    readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
    readonly fun: "SF Pro, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
};
type FontStack = keyof typeof fontStacks;
type RadiusScale = 'large' | 'medium' | 'small' | 'none';
type Blurs = 'tiny' | 'small' | 'large' | 'none';
type FontSizeType = 'regular' | 'small';
interface BaseThemeOptions {
    customFontWeights?: Partial<ThemeVars['fontWeight']>;
    customFontFamily?: string;
    customFontSizings?: Partial<ThemeVars['fontSize']>;
    customBorderRadiuses?: Partial<ThemeVars['radii']>;
    fontSizing?: FontSizeType;
    borderRadius?: RadiusScale;
    fontStack?: FontStack;
    overlayBlur?: Blurs;
}
export declare const baseTheme: ({ borderRadius, fontStack, fontSizing, customFontFamily, customFontWeights, customFontSizings, customBorderRadiuses, overlayBlur, }: BaseThemeOptions) => Pick<ThemeVars, "radii" | "fonts" | "fontWeight" | "fontSize" | "blurs">;
export interface AccentColor {
    accentColor: string;
    accentColorForeground: string;
}
export type AccentColorPreset = 'blue' | 'green' | 'red' | 'purple' | 'pink' | 'orange' | 'white';
export interface ThemeOptions extends BaseThemeOptions {
    accentColor?: string;
    accentColorForeground?: string;
    customColors?: Partial<ThemeVars['colors']>;
    customShadows?: Partial<ThemeVars['shadows']>;
}
export {};