import { type CSSResult } from 'element-vir';
/**
 * A single background and foreground color pairing.
 *
 * @category Internal
 */
export type ColorPair = {
    background: CSSResult;
    foreground: CSSResult;
};
/**
 * Color pairs for everything used by the element-book app.
 *
 * @category Internal
 */
export type ColorTheme = {
    nav: {
        hover: ColorPair;
        active: ColorPair;
        selected: ColorPair;
    };
    accent: {
        icon: CSSResult;
    };
};
/**
 * All color theme CSS vars for the element-book app.
 *
 * @category Internal
 */
export declare const colorThemeCssVars: import("lit-css-vars").CssVarDefinitions<{
    readonly 'element-book-nav-hover-background-color': "magenta";
    readonly 'element-book-nav-hover-foreground-color': "magenta";
    readonly 'element-book-nav-active-background-color': "magenta";
    readonly 'element-book-nav-active-foreground-color': "magenta";
    readonly 'element-book-nav-selected-background-color': "magenta";
    readonly 'element-book-nav-selected-foreground-color': "magenta";
    readonly 'element-book-accent-icon-color': "magenta";
}>;
/**
 * Sets a new color theme's CSS vars on the given HTML element for the element-book app.
 *
 * @category Internal
 */
export declare function setThemeCssVars(element: HTMLElement, theme: ColorTheme): void;