/**
 * What the Inbox actually draws, for both modes.
 *
 * Mirrored from `@trycourier/courier-ui-core` — `CourierButtonVariants` in
 * `components/courier-button.ts`, the palette in `utils/courier-colors.ts`, the light/dark
 * themes in `utils/theme.ts`, and the style→variant mapping in `utils/action-styles.ts`. The
 * designer canvas is a preview of that component, so these are copied deliberately rather than
 * picked to look right here: a preview that invents its own values is how the outlined button
 * came to be saved as a white-on-white link without anyone noticing.
 *
 * The values live here as constants and are rendered as CSS in `styles.css`, because hover,
 * active and dark mode cannot be expressed as inline styles.
 */
/** `CourierColors`. */
export declare const KIT_COLORS: {
    readonly black500: "#171717";
    readonly black500_10: "#1717171A";
    readonly black500_20: "#17171733";
    readonly gray200: "#F5F5F5";
    readonly gray400: "#3A3A3A";
    readonly gray500: "#E5E5E5";
    readonly gray600: "#737373";
    readonly gray650: "#585858";
    readonly gray700: "#454545";
    readonly gray800: "#2E2E2E";
    readonly white500: "#FFFFFF";
    readonly white500_10: "#FFFFFF1A";
    readonly white500_20: "#FFFFFF33";
    readonly blue400: "#60A5FA";
    readonly blue500: "#2563EB";
};
/** `theme.light.colors` / `theme.dark.colors`. */
export declare const KIT_THEME: {
    readonly light: {
        readonly primary: "#171717";
        readonly secondary: "#FFFFFF";
        readonly border: "#E5E5E5";
        readonly link: "#2563EB";
    };
    readonly dark: {
        readonly primary: "#FFFFFF";
        readonly secondary: "#171717";
        readonly border: "#3A3A3A";
        readonly link: "#60A5FA";
    };
};
/** `baseButtonStyles`, shared by every variant. */
export declare const KIT_BASE: {
    readonly borderRadius: "4px";
    readonly fontSize: "14px";
    readonly padding: "6px 10px";
    readonly fontWeight: "500";
};
/** The ink an action falls back to when it names no color of its own (light mode). */
export declare const KIT_INK: "#171717";
/** The label the kit puts on a dark fill — `readableTextColor` of the ink. */
export declare const KIT_ON_INK: "#FFFFFF";
/** `theme.light.colors.secondary` — the surface an outlined button sits on. */
export declare const KIT_SURFACE: "#FFFFFF";
/** Radius as a number, for a node attribute that wants one. */
export declare const KIT_BORDER_RADIUS = 4;