type RGB = `rgb(${number}, ${number}, ${number})`;
type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
type HEX = `#${string}`;
type Color = RGB | RGBA | HEX;
type BorderRadius = number | string;
type Font = {
    family?: string;
};
interface Button {
    font?: Font;
    color?: Color;
    background?: Color;
    border?: Color;
    borderRadius?: BorderRadius;
    hover?: this;
}
interface Text {
    color?: Color;
    font?: Font;
    hover?: this;
}
export type Theme = {
    font?: Font;
    primary?: {
        color?: Color;
        colorSelected?: Color;
    };
    error?: {
        color?: Color;
    };
    text?: {
        primary?: Text;
        secondary?: Text;
        error?: Color;
        valid?: Color;
    };
    navigation?: {
        color?: Color;
    };
    buttons?: {
        primary?: Button;
        secondary?: Button;
    };
    modal?: {
        divider: Color;
        background?: Color;
        boxShadow?: string;
        borderRadius?: BorderRadius;
    };
    overlay?: {
        background?: Color;
        backdropFilter?: string;
    };
    tooltips?: {
        color?: Color;
        background?: Color;
        hover?: {
            color?: Color;
            background?: Color;
        };
    };
    qrCode?: {
        background?: Color;
        accentColor?: Color;
    };
};
export type ThemeMode = {
    preferred: "light" | "dark";
    light: Theme;
    dark: Theme;
};
export type CustomTheme = {
    options?: {
        iconStyle?: "light" | "regular" | "heavy";
    };
    theme?: Theme | ThemeMode;
};
export {};