/**
 * The Bitmagic design system, for the pages `bitmagic dev` serves.
 *
 * The dev view is a Bitmagic product surface — for a pro-lane creator it is the only one they ever
 * look at — so it follows `creator/DESIGN.md` the way the Creator and the in-engine editor do.
 * It cannot import the Creator's `BitmagicDesign.css`: this package ships on npm on its own, and
 * both pages are strings assembled in TypeScript rather than bundled documents. So it re-declares
 * the same tokens, exactly as `game/src/editor/editor-styles.ts` does for the engine's editor
 * dialogs — three copies of the palette, one source of truth in DESIGN.md.
 *
 * **No backticks in anything exported here.** These constants are interpolated into the pages'
 * template literals, and a backtick would end the literal somewhere else entirely (there is a test
 * for it: `__tests__/shell-page.test.ts`).
 */
/** Hex tokens for TS-side use — the same set `game/src/editor/editor-styles.ts` exposes. */
export declare const BM: {
    readonly bg: "#0b0b0b";
    readonly surface: "#181818";
    readonly surfaceAlt: "#1f1f1f";
    readonly surfaceCard: "#252525";
    readonly textPrimary: "#ffffff";
    readonly textMuted: "#b3b3b3";
    readonly textDim: "#7c7c7c";
    readonly textOnAccent: "#000000";
    readonly border: "#4d4d4d";
    readonly borderMuted: "#2a2a2a";
    readonly aqua: "#A0DAB9";
    readonly aquaHover: "#B8E4CA";
    readonly aquaPressed: "#7DC29C";
    readonly pink: "#E0218A";
    readonly pinkHover: "#F04AA4";
    readonly pinkPressed: "#B3176D";
    readonly pumpkin: "#FF8200";
    readonly canary: "#F9E547";
    readonly shadowDialog: "0 8px 24px rgba(0, 0, 0, 0.5)";
    readonly shadowCard: "0 8px 8px rgba(0, 0, 0, 0.3)";
    readonly glowAqua: "0 0 24px rgba(160, 218, 185, 0.45)";
    readonly focusRing: "0 0 0 2px rgba(160, 218, 185, 0.45)";
    readonly glowPink: "0 0 24px rgba(224, 33, 138, 0.4)";
    readonly insetBorderDim: "inset 0 0 0 1px #7c7c7c";
    readonly insetBorderFocus: "inset 0 0 0 1px #ffffff, 0 0 0 2px rgba(160, 218, 185, 0.45)";
    readonly font: "\"Red Hat Display\", \"Helvetica Neue\", Helvetica, Arial, system-ui, sans-serif";
    readonly fontMono: "ui-monospace, SFMono-Regular, Menlo, monospace";
};
/**
 * Red Hat Display, from the same Google Fonts URL `creator/index.html` uses.
 *
 * A dev machine with no network gets the fallback stack and a page that is otherwise identical —
 * every rule below sizes and weights type rather than depending on the family's metrics.
 */
export declare const BITMAGIC_FONT_LINK = "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;700&display=swap\">";
/** The palette as custom properties, so page-specific rules can `var(--bm-*)` them. */
export declare const BITMAGIC_TOKENS_CSS: string;
/**
 * The component primitives both served pages use: pill buttons, inputs, badges, modal surfaces.
 *
 * Label voice is UPPERCASE Bold with tracking and content voice is sentence-case Regular, per the
 * brand type guideline — which is why every button here is uppercase and nothing else is.
 */
export declare const BITMAGIC_CONTROLS_CSS: string;