declare const vars: {
    space: {
        20: string;
        40: string;
        50: string;
        60: string;
        80: string;
        100: string;
        8: string;
        12: string;
        2: string;
        4: string;
        6: string;
        16: string;
        24: string;
        32: string;
    };
    blur: {
        primary: `var(--${string})`;
    };
    shadow: {
        elevation1: `var(--${string})`;
        elevation2: `var(--${string})`;
    };
    button: {
        solidPrimary: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            text: `var(--${string})`;
            icon: `var(--${string})`;
        };
        solidSecondary: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            text: `var(--${string})`;
            icon: `var(--${string})`;
        };
        solidTertiary: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            text: `var(--${string})`;
            icon: `var(--${string})`;
        };
        solidError: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            text: `var(--${string})`;
            icon: `var(--${string})`;
        };
        outlinePrimary: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            text: `var(--${string})`;
            icon: `var(--${string})`;
            border: `var(--${string})`;
        };
        outlineSecondary: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            text: `var(--${string})`;
            icon: `var(--${string})`;
            border: `var(--${string})`;
        };
    };
    switch: {
        checkedBrand: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
        };
        checkedGreen: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
        };
        unchecked: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
        };
    };
    card: {
        shadow: `var(--${string})`;
    };
    bottomSheet: {
        grabber: {
            background: `var(--${string})`;
        };
    };
    spinner: {
        indicator: {
            color: `var(--${string})`;
        };
    };
    checkbox: {
        checked: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            border: `var(--${string})`;
        };
        unchecked: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            border: `var(--${string})`;
        };
    };
    radioGroup: {
        checked: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            accent: `var(--${string})`;
            accentHover: `var(--${string})`;
        };
        unchecked: {
            background: `var(--${string})`;
            backgroundHover: `var(--${string})`;
            accent: `var(--${string})`;
            accentHover: `var(--${string})`;
        };
    };
    skeleton: {
        background: `var(--${string})`;
        shimmer: `var(--${string})`;
    };
    accordion: {
        arrow: {
            color: `var(--${string})`;
        };
    };
    calendar: {
        header: {
            navButton: {
                background: `var(--${string})`;
                backgroundHover: `var(--${string})`;
                border: `var(--${string})`;
            };
        };
        dateCell: {
            default: {
                background: `var(--${string})`;
                backgroundHover: `var(--${string})`;
                text: `var(--${string})`;
            };
            selected: {
                background: `var(--${string})`;
                backgroundHover: `var(--${string})`;
                text: `var(--${string})`;
            };
            rangeMiddle: {
                background: `var(--${string})`;
                backgroundHover: `var(--${string})`;
                text: `var(--${string})`;
            };
            today: {
                border: `var(--${string})`;
            };
        };
    };
    brand: {
        strong: `var(--${string})`;
        default: `var(--${string})`;
        subtle: `var(--${string})`;
        subtler: `var(--${string})`;
        subtlest: `var(--${string})`;
        faint: `var(--${string})`;
    };
    status: {
        success: {
            default: `var(--${string})`;
            subtle: `var(--${string})`;
            subtler: `var(--${string})`;
            subtlest: `var(--${string})`;
        };
        warning: {
            default: `var(--${string})`;
            subtle: `var(--${string})`;
            subtler: `var(--${string})`;
            subtlest: `var(--${string})`;
        };
        error: {
            default: `var(--${string})`;
            subtle: `var(--${string})`;
            subtler: `var(--${string})`;
            subtlest: `var(--${string})`;
        };
        processing: {
            default: `var(--${string})`;
            subtle: `var(--${string})`;
            subtler: `var(--${string})`;
            subtlest: `var(--${string})`;
        };
    };
    text: {
        primary: `var(--${string})`;
        secondary: `var(--${string})`;
        tertiary: `var(--${string})`;
        quaternary: `var(--${string})`;
        inverse: `var(--${string})`;
    };
    icon: {
        primary: `var(--${string})`;
        secondary: `var(--${string})`;
        tertiary: `var(--${string})`;
        quaternary: `var(--${string})`;
        inverse: `var(--${string})`;
    };
    background: {
        default: `var(--${string})`;
        subtle: `var(--${string})`;
        modal: `var(--${string})`;
        popover: `var(--${string})`;
    };
    line: {
        clickable: `var(--${string})`;
        nonClickable: `var(--${string})`;
        selected: `var(--${string})`;
    };
    dimm: {
        default: `var(--${string})`;
    };
    fill: {
        default: `var(--${string})`;
        subtle: `var(--${string})`;
        transparent: `var(--${string})`;
        inverse: {
            default: `var(--${string})`;
            subtle: `var(--${string})`;
        };
    };
    neutral: {
        0: `var(--${string})`;
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
        95: `var(--${string})`;
    };
    orangeRed: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    red: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    orange: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    yellow: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    green: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    mint: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    skyBlue: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    blue: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    deepBlue: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    purple: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    neutralWhiteAlpha: {
        0: `var(--${string})`;
        20: `var(--${string})`;
        8: `var(--${string})`;
        12: `var(--${string})`;
    };
    neutralBlackAlpha: {
        0: `var(--${string})`;
        60: `var(--${string})`;
    };
    neutralBlueAlpha: {
        8: `var(--${string})`;
        12: `var(--${string})`;
        15: `var(--${string})`;
    };
    deepRed: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
    pink: {
        5: `var(--${string})`;
        10: `var(--${string})`;
        20: `var(--${string})`;
        30: `var(--${string})`;
        40: `var(--${string})`;
        50: `var(--${string})`;
        60: `var(--${string})`;
        70: `var(--${string})`;
        80: `var(--${string})`;
        90: `var(--${string})`;
        100: `var(--${string})`;
    };
};

export { vars };