export declare const legacyCssVariables: {
    "--sjs-layer-1-background-500": string;
    "--sjs-layer-1-background-400": string;
    "--sjs-layer-1-foreground-100": string;
    "--sjs-layer-1-foreground-50": string;
    "--sjs-layer-3-background-500": string;
    "--sjs-layer-3-background-400": string;
    "--sjs-layer-2-background-500": string;
    "--sjs-special-haze": string;
    "--sjs-border-10": string;
    "--sjs-primary-background-500": string;
    "--sjs-primary-background-10": string;
    "--sjs-primary-background-400": string;
    "--sjs-primary-foreground-100": string;
    "--sjs-secondary-background-500": string;
    "--sjs-secondary-background-25": string;
    "--sjs-secondary-background-10": string;
    "--sjs-semantic-red-background-500": string;
    "--sjs-semantic-red-background-10": string;
    "--sjs-semantic-blue-background-500": string;
    "--sjs-semantic-blue-background-10": string;
    "--sjs-semantic-yellow-background-500": string;
    "--sjs-semantic-yellow-background-10": string;
    "--sjs-special-background": string;
    "--sjs-layer-1-foreground-75": string;
    "--sjs-special-glow": string;
    "--sjs-special-shadow": string;
    "--sjs-border-25-overlay": string;
    "--ctr-font-unit": string;
    "--ctr-line-height-unit": string;
    "--ctr-size-unit": string;
    "--ctr-spacing-unit": string;
    "--ctr-corner-radius-unit": string;
    "--ctr-stroke-unit": string;
};