/**
 * Puente de tokens del tablero de indicadores.
 *
 * <b>Por qué existe.</b> El tablero pinta con dos tecnologías que no se hablan:
 *
 *  - Los contenedores usan clases de Tailwind, que resuelven variables CSS solas.
 *  - Los gráficos usan `recharts`, que recibe los colores como **prop string**
 *    (`fill`, `stroke`) y no entiende una clase de utilidad.
 *
 * Sin un puente, cada widget de gráfico terminaría con hexadecimales cableados —
 * que es exactamente lo que hay hoy en `chartColors.ts`— y el modo oscuro no
 * podría cambiarlos. El kit ya resolvió este mismo problema una vez con el puente
 * `--mpv-*` de MasterPatternView, y esto sigue ese precedente.
 *
 * <b>La regla del módulo:</b> ningún componente del tablero declara un hexadecimal.
 * Los colores salen de aquí o de `CATEGORICAL_PALETTE`.
 */
/** Los tokens que el tablero consume. Cada uno tiene su `--dash-*` en `index.css`. */
export declare const DASHBOARD_TOKEN_NAMES: readonly ["accent", "success", "danger", "text-primary", "text-secondary", "text-muted", "surface-card", "surface-page", "border", "border-strong", "bg-accent"];
export type DashboardTokenName = (typeof DASHBOARD_TOKEN_NAMES)[number];
export type DashboardTokens = Record<DashboardTokenName, string>;
/** Resuelve los once tokens de una sola pasada. */
export declare function readDashboardTokens(): DashboardTokens;
/**
 * Los tokens del tablero, ya resueltos a color, listos para pasarle a `recharts`.
 *
 * Se revalúan cuando cambia el tema, porque el `ThemeProvider` del kit conmuta
 * la clase `dark` sobre `<html>` y las variables cambian de valor sin que React
 * se entere: un `MutationObserver` sobre el atributo `class` de la raíz es la
 * única forma de que un color pasado por prop siga al tema.
 *
 * @example
 * const tokens = useDashboardTokens();
 * <Line stroke={tokens.accent} />
 */
export declare function useDashboardTokens(): DashboardTokens;
//# sourceMappingURL=dashboardTokens.d.ts.map