%title{
    margin: 0;

    font-family: var(--title-font);
    font-weight: 500;
    line-height: 1.25em;

    color: var(--title-color);
    
    mark{
        font-weight: 500;
        color: var(--title-color--accent);
    }
}

.affilizz-title{
    @extend %title;

    &--md { font-size: rem(24) !important; }
    &--sm { font-size: rem(16) !important; }
    &--xs { font-size: rem(14) !important; }
    &--xxs { font-size: rem(12) !important; }
    &--thin { font-weight: 400 !important; }
    &--light { color: var(--title-color--light) !important; }
    &--centered { text-align: center !important; }
}