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