/** Semantic colors for components (spacing and radius live in `theme.ts`). */
export declare const canvasTokens: {
    readonly bg: {
        /** Page background */
        readonly editor: "#181818";
        /** Panels and chrome */
        readonly chrome: "#141414";
        /** Cards and raised surfaces */
        readonly elevated: "#181818";
    };
    readonly text: {
        readonly primary: "#E4E4E4EB";
        readonly secondary: "#E4E4E48D";
        readonly tertiary: "#E4E4E45E";
        readonly quaternary: "#E4E4E442";
        readonly link: "#87c3ff";
        readonly onAccent: "#191c22";
    };
    readonly stroke: {
        readonly primary: "#E4E4E426";
        readonly secondary: "#E4E4E418";
        readonly tertiary: "#E4E4E40A";
    };
    readonly fill: {
        readonly primary: "#E4E4E430";
        readonly secondary: "#E4E4E41E";
        readonly tertiary: "#E4E4E411";
        readonly quaternary: "#E4E4E40A";
    };
    readonly accent: {
        readonly primary: "#599CE7";
        readonly control: "#81A1C1";
        readonly controlHover: "#87A6C4";
    };
    readonly status: {
        readonly danger: "#E34671";
        readonly warning: "#F1B467";
        readonly success: "#3FA266";
    };
};
export type CanvasTokens = typeof canvasTokens;
//# sourceMappingURL=canvas-tokens.d.ts.map