export declare const className = "dcs-polestar-spa2-theme";
export declare const tokens: {
    color: {
        primary: string;
        secondary: string;
        action: string;
        actionSecondary: string;
        backgroundPrimary: string;
        backgroundSecondary: string;
        backgroundSecondaryTransparent: string;
        ornamentPrimary: string;
        ornamentSecondary: string;
        brand: string;
        warning: string;
    };
    typography: {
        base: {
            fontFamily: string;
            lineHeight: string;
            fontWeight: `var(--${string})`;
            color: `var(--${string})`;
            letterSpacing: string;
            fontSize: string;
        };
        title: {
            color: `var(--${string})`;
            fontWeight: `var(--${string})`;
            fontSize: string;
            lineHeight: string;
            letterSpacing: string;
        };
        subtitle: {
            fontWeight: `var(--${string})`;
            fontSize: string;
            lineHeight: string;
            color: `var(--${string})`;
            letterSpacing: string;
        };
        lead: {
            fontWeight: `var(--${string})`;
            fontSize: `var(--${string})`;
            lineHeight: `var(--${string})`;
            color: `var(--${string})`;
            letterSpacing: string;
        };
        boxTitle: {
            fontWeight: `var(--${string})`;
            fontSize: string;
            lineHeight: string;
            color: `var(--${string})`;
        };
        caption: {
            letterSpacing: string;
            fontSize: string;
            lineHeight: string;
            color: `var(--${string})`;
            fontWeight: `var(--${string})`;
        };
        body: {
            color: `var(--${string})`;
            fontWeight: `var(--${string})`;
            fontSize: string;
            lineHeight: string;
        };
        link: {
            color: `var(--${string})`;
            textDecoration: string;
            colorHover: `var(--${string})`;
            textDecorationHover: string;
        };
        display: {
            color: `var(--${string})`;
            fontWeight: `var(--${string})`;
        };
    };
    size: {
        small: string;
        large: string;
        mini: string;
        medium: string;
        huge: string;
    };
    components: {
        table: {
            headingBackground: `var(--${string})`;
            textColor: `var(--${string})`;
            headingForeground: `var(--${string})`;
            headingBorderColor: string;
            borderColor: string;
            backgroundColor: string;
            cellPadding: `var(--${string})`;
            borderWidth: string;
        };
        footnote: {
            color: `var(--${string})`;
            focusColor: `var(--${string})`;
            beforeContent: string;
            afterContent: string;
        };
        infoBox: {
            color: `var(--${string})`;
            backgroundColor: `var(--${string})`;
            borderWidth: string;
            borderRadius: string;
            padding: string;
            ornamentSize: string;
            icon: string;
            variants: {
                tip: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: string;
                };
                warning: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: `var(--${string})`;
                };
                important: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: string;
                };
                note: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: string;
                };
            };
            title: {
                textTransform: string;
                padding: string;
            };
            contentPadding: string;
            fontSize: string;
            borderColor: `var(--${string})`;
            ornamentColor: `var(--${string})`;
        };
        procedureRoot: {
            paddingInlineStart: string;
            marginInlineStart: string;
            gap: string;
            color: `var(--${string})`;
        };
        procedureStep: {
            gap: string;
            fontWeight: string;
            paddingInlineStart: string;
        };
        procedureResult: {
            paddingInlineStart: string;
        };
        list: {
            gap: string;
        };
        imageMapHotspot: {
            empty: {
                borderWidth: string;
                borderColor: `var(--${string})`;
                size: string;
                backgroundColor: string;
                textColor: string;
                display: string;
            };
            numbered: {
                textColor: string;
                borderWidth: string;
                borderColor: `var(--${string})`;
                size: string;
                boxShadow: string;
                backgroundColor: string;
            };
            interactive: {
                textColor: `var(--${string})`;
                borderWidth: string;
                borderColor: `var(--${string})`;
                size: string;
                backgroundColor: string;
                activeTextColor: `var(--${string})`;
                activeBorderWidth: string;
                activeBorderColor: string;
                activeSize: string;
                activeTop: string;
                activeLeft: string;
                activeBackgroundColor: string;
                hitAreaColor: string;
                fontSize: string;
                lineHeight: string;
                hitAreaFocusedColor: string;
                boxShadow: string;
                activeBorderSize: string;
                activeLineHeight: string;
                insetInlineEnd: string;
                activeInsetInlineEnd: string;
                rtlInsetInlineEnd: string;
                rtlActiveInsetInlineStart: string;
                iconDisplay: string;
                iconSize: string;
            };
            links: {
                backgroundColor: string;
                padding: string;
                color: `var(--${string})`;
                textDecoration: string;
                offsetX: string;
                offsetY: string;
                chevronColor: string;
                chevronSize: string;
                numberFontSize: string;
                fontSize: string;
                border: string;
                lastBorderStyle: string;
                borderWidth: string;
                borderColor: string;
                borderRadius: string;
                transform: string;
                activeTransform: string;
                counterDisplay: string;
                counterColor: `var(--${string})`;
            };
            overlayWidth: string;
            overlayMinWidth: string;
        };
        legendPosition: {
            lineHeight: string;
        };
        transparentIconFilter: string;
        article: {
            maxWidth: string;
            padding: string;
        };
        media: {
            replayButton: {
                left: string;
                bottom: string;
                padding: string;
                size: string;
            };
        };
    };
    fontWeights: {
        semiLight: string;
        regular: string;
        medium: string;
        bold: string;
    };
    spacing: {
        article: {
            gap: `var(--${string})`;
        };
        segment: {
            gap: `var(--${string})`;
            marginTop: `var(--${string})`;
            marginBottom: `var(--${string})`;
        };
        subSegment: {
            gap: `var(--${string})`;
            marginTop: `var(--${string})`;
            marginBottom: `var(--${string})`;
        };
        list: {
            gap: `var(--${string})`;
            marginTop: `var(--${string})`;
            marginBottom: `var(--${string})`;
        };
        default: {
            gap: `var(--${string})`;
        };
    };
};