import type { CSSProperties } from "react";
/**
 * Self-contained design tokens (no Tailwind / external CSS) so these components
 * look right when dropped into any host app. Mirrors the Crediball design
 * language: single Action-Blue accent, pill CTAs, parchment/ink neutrals.
 */
export declare const tokens: {
    primary: string;
    ink: string;
    inkMuted: string;
    onPrimary: string;
    canvas: string;
    hairline: string;
    overlay: string;
    fontStack: string;
    radiusPill: number;
    radiusCard: number;
};
export type CrediballThemeOverrides = {
    /** Override the accent color (defaults to Action Blue #0066cc). */
    accentColor?: string;
};
/**
 * `--crediball-*` CSS custom property names. A host app can set these once
 * (on `:root` or any ancestor) to theme every embedded component — including
 * ones rendered later, or across `@crediball/elements` web components — without
 * passing props. Components read these via `theme` below, which wraps each
 * token in `var(--crediball-x, <tokens fallback>)`.
 */
export declare const cssVars: {
    readonly accent: "--crediball-accent";
    readonly ink: "--crediball-ink";
    readonly inkMuted: "--crediball-ink-muted";
    readonly canvas: "--crediball-canvas";
    readonly hairline: "--crediball-hairline";
    readonly onAccent: "--crediball-on-accent";
    readonly overlay: "--crediball-overlay";
    readonly radiusPill: "--crediball-radius";
    readonly radiusCard: "--crediball-radius-card";
    readonly font: "--crediball-font";
};
/** CSS-var-wrapped values for use in component styles — prefer these over raw `tokens`. */
export declare const theme: {
    accent: string;
    ink: string;
    inkMuted: string;
    canvas: string;
    hairline: string;
    onAccent: string;
    overlay: string;
    radiusPill: string;
    radiusCard: string;
    font: string;
};
/**
 * Sets `--crediball-accent` on a component's root element when `accentColor`
 * is passed, so the prop keeps working exactly as before while everything
 * underneath consistently reads `theme.accent`. Spread onto the root `style`.
 */
export declare function accentStyle(accentColor?: string): CSSProperties;