/**
 * Canonical design tokens for every server-rendered HTML page Neotoma ships.
 *
 * Single source of truth for the colors, fonts, and radii that bundled-page
 * surfaces (root landing, bundled product docs, OAuth UI, future pages) inline
 * into their own `<style>` blocks. Mirrors the canonical registry in
 * [docs/ui/design_system/color_palette.md](../../../docs/ui/design_system/color_palette.md);
 * the design-system validator (`scripts/validate_design_system.js`) checks
 * parity and refuses to merge drift unless the consumer is registered under
 * `palette_divergences` in
 * [docs/ui/design_system/dependencies.yaml](../../../docs/ui/design_system/dependencies.yaml).
 *
 * Server-rendered HTML cannot consume Tailwind utilities or React tokens, so
 * each entry exposes both the HSL triple (for `hsl(var(--token))` CSS variable
 * declarations consistent with the React stack) and a pre-computed `#rrggbb`
 * (for direct interpolation). Importers should reach for `.hsl` when they
 * declare CSS variables and `.hex` when they emit a literal color value.
 */
export interface BundledPageColor {
    /** HSL triple as `H S% L%` — pair with `hsl(...)` in CSS. */
    readonly hsl: string;
    /** Pre-computed `#rrggbb` for direct inline-CSS use. */
    readonly hex: string;
}
export interface BundledPageColorPair {
    readonly light: BundledPageColor;
    readonly dark: BundledPageColor;
}
/**
 * Brand + status palette. Mirrors `docs/ui/design_system/color_palette.md`'s
 * canonical registry. Touch both files together — the validator enforces it.
 */
export declare const BUNDLED_PAGE_PALETTE: {
    readonly background: {
        readonly light: {
            readonly hsl: "38 22% 98%";
            readonly hex: "#fbfaf7";
        };
        readonly dark: {
            readonly hsl: "222 47% 11%";
            readonly hex: "#0f172a";
        };
    };
    readonly foreground: {
        readonly light: {
            readonly hsl: "28 22% 18%";
            readonly hex: "#38301f";
        };
        readonly dark: {
            readonly hsl: "210 40% 95%";
            readonly hex: "#f1f5f9";
        };
    };
    readonly card: {
        readonly light: {
            readonly hsl: "35 20% 96%";
            readonly hex: "#f6f1ea";
        };
        readonly dark: {
            readonly hsl: "217 33% 18%";
            readonly hex: "#1e293b";
        };
    };
    readonly card_foreground: {
        readonly light: {
            readonly hsl: "28 22% 18%";
            readonly hex: "#38301f";
        };
        readonly dark: {
            readonly hsl: "210 40% 95%";
            readonly hex: "#f1f5f9";
        };
    };
    readonly popover: {
        readonly light: {
            readonly hsl: "38 22% 98%";
            readonly hex: "#fbfaf7";
        };
        readonly dark: {
            readonly hsl: "222 47% 11%";
            readonly hex: "#0f172a";
        };
    };
    readonly popover_foreground: {
        readonly light: {
            readonly hsl: "28 22% 18%";
            readonly hex: "#38301f";
        };
        readonly dark: {
            readonly hsl: "210 40% 95%";
            readonly hex: "#f1f5f9";
        };
    };
    readonly primary: {
        readonly light: {
            readonly hsl: "12 48% 38%";
            readonly hex: "#903c2f";
        };
        readonly dark: {
            readonly hsl: "217 91% 60%";
            readonly hex: "#3b82f6";
        };
    };
    readonly primary_foreground: {
        readonly light: {
            readonly hsl: "0 0% 100%";
            readonly hex: "#ffffff";
        };
        readonly dark: {
            readonly hsl: "0 0% 100%";
            readonly hex: "#ffffff";
        };
    };
    readonly secondary: {
        readonly light: {
            readonly hsl: "35 18% 94%";
            readonly hex: "#f1ece3";
        };
        readonly dark: {
            readonly hsl: "217 33% 25%";
            readonly hex: "#334155";
        };
    };
    readonly secondary_foreground: {
        readonly light: {
            readonly hsl: "28 22% 18%";
            readonly hex: "#38301f";
        };
        readonly dark: {
            readonly hsl: "210 40% 95%";
            readonly hex: "#f1f5f9";
        };
    };
    readonly muted: {
        readonly light: {
            readonly hsl: "35 18% 94%";
            readonly hex: "#f1ece3";
        };
        readonly dark: {
            readonly hsl: "217 33% 25%";
            readonly hex: "#334155";
        };
    };
    readonly muted_foreground: {
        readonly light: {
            readonly hsl: "28 14% 44%";
            readonly hex: "#807162";
        };
        readonly dark: {
            readonly hsl: "215 20% 65%";
            readonly hex: "#94a3b8";
        };
    };
    readonly accent: {
        readonly light: {
            readonly hsl: "35 18% 92%";
            readonly hex: "#ece7dd";
        };
        readonly dark: {
            readonly hsl: "217 33% 25%";
            readonly hex: "#334155";
        };
    };
    readonly accent_foreground: {
        readonly light: {
            readonly hsl: "28 22% 18%";
            readonly hex: "#38301f";
        };
        readonly dark: {
            readonly hsl: "210 40% 95%";
            readonly hex: "#f1f5f9";
        };
    };
    readonly destructive: {
        readonly light: {
            readonly hsl: "0 65% 50%";
            readonly hex: "#d33333";
        };
        readonly dark: {
            readonly hsl: "0 72% 51%";
            readonly hex: "#dd4b4b";
        };
    };
    readonly destructive_foreground: {
        readonly light: {
            readonly hsl: "0 0% 100%";
            readonly hex: "#ffffff";
        };
        readonly dark: {
            readonly hsl: "0 0% 100%";
            readonly hex: "#ffffff";
        };
    };
    readonly success: {
        readonly light: {
            readonly hsl: "152 45% 40%";
            readonly hex: "#389470";
        };
        readonly dark: {
            readonly hsl: "142 76% 36%";
            readonly hex: "#16a34a";
        };
    };
    readonly warning: {
        readonly light: {
            readonly hsl: "32 85% 48%";
            readonly hex: "#e29013";
        };
        readonly dark: {
            readonly hsl: "43 96% 56%";
            readonly hex: "#fbbf24";
        };
    };
    readonly info: {
        readonly light: {
            readonly hsl: "175 35% 42%";
            readonly hex: "#468f8f";
        };
        readonly dark: {
            readonly hsl: "213 94% 68%";
            readonly hex: "#60a5fa";
        };
    };
    readonly border: {
        readonly light: {
            readonly hsl: "32 18% 88%";
            readonly hex: "#e2dbd0";
        };
        readonly dark: {
            readonly hsl: "217 33% 25%";
            readonly hex: "#334155";
        };
    };
    readonly input: {
        readonly light: {
            readonly hsl: "32 18% 88%";
            readonly hex: "#e2dbd0";
        };
        readonly dark: {
            readonly hsl: "217 33% 25%";
            readonly hex: "#334155";
        };
    };
    readonly divider: {
        readonly light: {
            readonly hsl: "30 16% 82%";
            readonly hex: "#d7cec1";
        };
        readonly dark: {
            readonly hsl: "215 20% 35%";
            readonly hex: "#475569";
        };
    };
    readonly ring: {
        readonly light: {
            readonly hsl: "12 48% 38%";
            readonly hex: "#903c2f";
        };
        readonly dark: {
            readonly hsl: "217 91% 60%";
            readonly hex: "#3b82f6";
        };
    };
    readonly warning_soft: {
        readonly light: {
            readonly hsl: "48 100% 92%";
            readonly hex: "#fef6ce";
        };
        readonly dark: {
            readonly hsl: "32 70% 16%";
            readonly hex: "#3e2c0a";
        };
    };
    readonly warning_soft_foreground: {
        readonly light: {
            readonly hsl: "32 85% 22%";
            readonly hex: "#693b0a";
        };
        readonly dark: {
            readonly hsl: "43 96% 70%";
            readonly hex: "#fbd365";
        };
    };
    readonly success_soft: {
        readonly light: {
            readonly hsl: "152 76% 96%";
            readonly hex: "#ecfdf3";
        };
        readonly dark: {
            readonly hsl: "152 70% 14%";
            readonly hex: "#0a3a26";
        };
    };
    readonly success_soft_foreground: {
        readonly light: {
            readonly hsl: "152 70% 22%";
            readonly hex: "#11542f";
        };
        readonly dark: {
            readonly hsl: "142 76% 60%";
            readonly hex: "#4ade80";
        };
    };
    readonly info_soft: {
        readonly light: {
            readonly hsl: "200 95% 96%";
            readonly hex: "#ecf7fe";
        };
        readonly dark: {
            readonly hsl: "217 91% 18%";
            readonly hex: "#0b275a";
        };
    };
    readonly info_soft_foreground: {
        readonly light: {
            readonly hsl: "217 91% 28%";
            readonly hex: "#0b3a8a";
        };
        readonly dark: {
            readonly hsl: "213 94% 78%";
            readonly hex: "#9bc6fc";
        };
    };
    readonly destructive_soft: {
        readonly light: {
            readonly hsl: "0 95% 96%";
            readonly hex: "#feecec";
        };
        readonly dark: {
            readonly hsl: "0 60% 18%";
            readonly hex: "#491212";
        };
    };
    readonly destructive_soft_foreground: {
        readonly light: {
            readonly hsl: "0 70% 32%";
            readonly hex: "#8b1818";
        };
        readonly dark: {
            readonly hsl: "0 92% 80%";
            readonly hex: "#fc9b9b";
        };
    };
    readonly notice_background: {
        readonly light: {
            readonly hsl: "35 20% 95%";
            readonly hex: "#f4f0ea";
        };
        readonly dark: {
            readonly hsl: "24 34% 20%";
            readonly hex: "#43301f";
        };
    };
    readonly notice_border: {
        readonly light: {
            readonly hsl: "32 85% 75%";
            readonly hex: "#f4c898";
        };
        readonly dark: {
            readonly hsl: "32 65% 32%";
            readonly hex: "#86601e";
        };
    };
    readonly notice_foreground: {
        readonly light: {
            readonly hsl: "24 55% 32%";
            readonly hex: "#7f4424";
        };
        readonly dark: {
            readonly hsl: "42 95% 72%";
            readonly hex: "#fad176";
        };
    };
    readonly accent_marketing: {
        readonly light: {
            readonly hsl: "152 70% 40%";
            readonly hex: "#1faa6e";
        };
        readonly dark: {
            readonly hsl: "152 76% 50%";
            readonly hex: "#22e283";
        };
    };
    readonly accent_marketing_foreground: {
        readonly light: {
            readonly hsl: "0 0% 100%";
            readonly hex: "#ffffff";
        };
        readonly dark: {
            readonly hsl: "222 47% 11%";
            readonly hex: "#0f172a";
        };
    };
};
export type BundledPageTokenName = keyof typeof BUNDLED_PAGE_PALETTE;
/**
 * Typography stacks — kept as constants so every bundled-page surface picks
 * the same fonts whether or not it imports the React app's CSS.
 */
export declare const BUNDLED_PAGE_TYPOGRAPHY: {
    readonly fontFamilySans: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
    readonly fontFamilyMono: "\"JetBrains Mono\", \"Fira Code\", \"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
    readonly fontSizeBase: "15px";
    readonly lineHeightBase: "1.55";
    readonly fontSizeSmall: "13px";
    readonly fontSizeMicro: "11.5px";
};
/**
 * Radii — same values as the React stack's `--radius` token (`0.5rem`).
 */
export declare const BUNDLED_PAGE_RADII: {
    readonly sm: "4px";
    readonly md: "6px";
    readonly lg: "8px";
    readonly pill: "999px";
};
/**
 * Prose typography contract for server-rendered Markdown surfaces.
 *
 * Mirrors {@link
 * ../../../frontend/src/components/design-system/MarkdownContent.tsx} so
 * bundled docs and the SPA-rendered docs feel like the same surface.
 *
 * Heading sizes track Tailwind's text-* scale:
 *   - h1 → text-3xl (1.875rem)
 *   - h2 → text-2xl (1.5rem)
 *   - h3 → text-lg  (1.125rem)
 *   - h4 → text-base (1rem)
 *
 * Margins match the spacing built into MarkdownContent.tsx (`mt-8 mb-4` on h1,
 * `mt-8 mb-3` on h2, `mt-6 mb-2` on h3, `mt-4 mb-1` on h4).
 */
export declare const BUNDLED_PAGE_PROSE: {
    readonly heading: {
        readonly h1: {
            readonly fontSize: "1.875rem";
            readonly marginTop: "2rem";
            readonly marginBottom: "1rem";
            readonly lineHeight: "1.2";
        };
        readonly h2: {
            readonly fontSize: "1.5rem";
            readonly marginTop: "2rem";
            readonly marginBottom: "0.75rem";
            readonly lineHeight: "1.25";
        };
        readonly h3: {
            readonly fontSize: "1.125rem";
            readonly marginTop: "1.5rem";
            readonly marginBottom: "0.5rem";
            readonly lineHeight: "1.3";
        };
        readonly h4: {
            readonly fontSize: "1rem";
            readonly marginTop: "1rem";
            readonly marginBottom: "0.25rem";
            readonly lineHeight: "1.35";
        };
    };
    readonly paragraph: {
        readonly marginBottom: "0.875rem";
    };
    readonly list: {
        readonly paddingLeft: "1.375rem";
        readonly itemGap: "0.25rem";
    };
    readonly blockquote: {
        readonly borderLeftWidth: "3px";
        readonly paddingLeft: "0.75rem";
    };
    readonly code: {
        readonly inlinePadding: "1px 5px";
        readonly inlineRadius: "4px";
        readonly blockPadding: "12px 14px";
        readonly blockRadius: "8px";
    };
    readonly hr: {
        readonly margin: "1.75rem 0";
    };
};
/**
 * Helper: emit a CSS-variable declaration block (without the `:root {}`
 * wrapper) so each surface can compose the variables it actually uses without
 * dragging in unused tokens.
 */
export declare function bundledPageCssVariables(theme: "light" | "dark", tokens?: readonly BundledPageTokenName[]): string;
/**
 * Convenience: read the light-mode hex for a token. Useful for inline-CSS
 * surfaces that do not declare CSS variables.
 */
export declare function lightHex(name: BundledPageTokenName): string;
/**
 * Convenience: read the dark-mode hex for a token.
 */
export declare function darkHex(name: BundledPageTokenName): string;
//# sourceMappingURL=tokens.d.ts.map