export declare const zIndex: {
    readonly overlay: 1300;
    readonly modal: 1400;
    readonly popover: 1500;
    readonly toast: 1600;
    readonly tooltip: 1700;
    readonly loading: 1800;
};
export declare const styleToken: {
    readonly color: {
        readonly white: "#fff";
        readonly black: "#222";
        readonly gray100: "#f5f5f5";
        readonly gray200: "#ecebf1";
        readonly gray300: "#d3d3d3";
        readonly gray400: "#9ca3af";
        readonly gray500: "#737373";
        readonly gray600: "#575757";
        readonly gray700: "#525252";
        readonly gray800: "#383838";
        readonly teal100: "#94dacd";
        readonly teal200: "#04C09E";
        readonly mustard: "#cbba64";
        readonly shadow: "rgba(0, 0, 0, 0.25)";
        readonly body: "#e5e5e5";
        readonly crimson: "#E24141";
        readonly azure: "#547CE4";
        readonly mint: "#73BC6D";
        readonly fuchsia: "#DE59B9";
        readonly rose: "#E76E9A";
        readonly amber: "#F37D3B";
        readonly gold: "#FBCD58";
    };
    readonly fontSize: {
        readonly caption: "12px";
        readonly body: "14px";
        readonly subtitle: "16px";
        readonly title: "18px";
        readonly headline: "20px";
        readonly display: "24px";
    };
    readonly fontWeight: {
        readonly regular: 400;
        readonly medium: 500;
        readonly bold: 700;
    };
    readonly spacing: {
        readonly mt10: "2.5rem";
        readonly mt20: "5rem";
        readonly mt30: "7.5rem";
        readonly mt40: "10rem";
        readonly mt50: "12.5rem";
        readonly mb10: "2.5rem";
    };
    readonly width: {
        readonly w100: "100%";
        readonly w75: "75%";
        readonly w50: "50%";
        readonly w25: "25%";
        readonly w15: "15%";
    };
    readonly zIndex: {
        readonly overlay: 1300;
        readonly modal: 1400;
        readonly popover: 1500;
        readonly toast: 1600;
        readonly tooltip: 1700;
        readonly loading: 1800;
    };
};