@mixin cui-heading-xs {
    font-size: 24px;
    line-height: 32px;
}

@mixin cui-heading-xs-regular {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

@mixin cui-heading-xs-medium {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

@mixin cui-heading-xs-semi-bold {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

@mixin cui-heading-xs-bold {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

@mixin cui-heading-sm {
    font-size: 30px;
    line-height: 38px;
}

@mixin cui-heading-sm-regular {
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
}

@mixin cui-heading-sm-medium {
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
}

@mixin cui-heading-sm-semi-bold {
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
}

@mixin cui-heading-sm-bold {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
}

@mixin cui-heading-md {
    font-size: 36px;
    line-height: 44px;
}

@mixin cui-heading-md-regular {
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
}

@mixin cui-heading-md-medium {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}

@mixin cui-heading-md-semi-bold {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
}

@mixin cui-heading-md-bold {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
}

@mixin cui-heading-lg {
    font-size: 48px;
    line-height: 60px;
}

@mixin cui-heading-lg-regular {
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
}

@mixin cui-heading-lg-medium {
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
}

@mixin cui-heading-lg-semi-bold {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
}

@mixin cui-heading-lg-bold {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
}