.lead {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 2rem;
}

.lead-medium {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 2rem;
}

.lead-bold {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 2rem;
}

.lead-italic {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 1.3rem;
    font-style: italic;
    line-height: 2rem;
}

.body1 {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
}

.body1-medium {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 500; 
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
}

.body1-bold {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
}

.body1-italic {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
}

.body2 {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 21px;
    letter-spacing: 0.25px;
}

.body2-medium {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 21px;
    letter-spacing: 0.25px;
}

.body2-bold {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 21px;
    letter-spacing: 0.25px;
}

.body2-italic {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 21px;
    letter-spacing: 0.25px;
}

.label {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.25px;
}

.label-medium {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.25px;
}

.label-bold {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.25px;
}

.label-italic {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 0.75rem;
    font-style: italic;
    line-height: 1rem;
    letter-spacing: 0.25px;
}

.micro {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 14px;
}

.micro-medium {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 14px;
}

.micro-bold {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 14px;
}

.micro-italic {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 0.625rem;
    font-style: italic;
    line-height: 14px;
}

.link-body1 {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
}

.link-body1-bold {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
}

.link-body2 {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 21px;
    letter-spacing: 0.25px;
}

.link-body2-bold {
    font-family: var(--dxp-s-html-font-family);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 21px;
    letter-spacing: 0.25px;
}

.h4-bold {
    font-weight: 700;
    font-family: var(--dxp-s-text-heading-small-font-family);
    font-size: var(--dxp-s-text-heading-small-font-size);
    font-style: var(--dxp-s-text-heading-small-font-style);
    font-weight: var(--dxp-s-text-heading-small-font-weight);
    text-decoration: var(--dxp-s-text-heading-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-small-text-transform);
    line-height: var(--dxp-s-text-heading-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-small-letter-spacing);
}

.h2-bold {
    font-weight: 700;
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-size: var(--dxp-s-text-heading-large-font-size);
    font-style: var(--dxp-s-text-heading-large-font-style);
    text-decoration: var(--dxp-s-text-heading-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-large-text-transform);
    line-height: var(--dxp-s-text-heading-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-large-letter-spacing);
}

.h2-medium {
    font-weight: 500;
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-size: var(--dxp-s-text-heading-large-font-size);
    font-style: var(--dxp-s-text-heading-large-font-style);
    text-decoration: var(--dxp-s-text-heading-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-large-text-transform);
    line-height: var(--dxp-s-text-heading-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-large-letter-spacing);
}

.h5-bold {
    font-weight: 700;
    font-family: var(--dxp-s-text-heading-extra-small-font-family);
    font-size: var(--dxp-s-text-heading-extra-small-font-size);
    font-style: var(--dxp-s-text-heading-extra-small-font-style);
    text-decoration: var(--dxp-s-text-heading-extra-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-small-text-transform);
    line-height: var(--dxp-s-text-heading-extra-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-small-letter-spacing);
}


.slds-text-heading_xlarge {
    font-family: var(--dxp-s-text-heading-extra-large-font-family);
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    font-style: var(--dxp-s-text-heading-extra-large-font-style);
    font-weight: var(--dxp-s-text-heading-extra-large-font-weight);
    text-decoration: var(--dxp-s-text-heading-extra-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-large-text-transform);
    line-height: var(--dxp-s-text-heading-extra-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-large-letter-spacing);
}

.h1-bold {
    font-family: var(--dxp-s-text-heading-extra-large-font-family);
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    font-style: var(--dxp-s-text-heading-extra-large-font-style);
    font-weight: 700;
    text-decoration: var(--dxp-s-text-heading-extra-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-large-text-transform);
    line-height: var(--dxp-s-text-heading-extra-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-large-letter-spacing);
}

.slds-text-heading_large {  
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-size: var(--dxp-s-text-heading-large-font-size);
    font-style: var(--dxp-s-text-heading-large-font-style);
    font-weight: var(--dxp-s-text-heading-large-font-weight);
    text-decoration: var(--dxp-s-text-heading-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-large-text-transform);
    line-height: var(--dxp-s-text-heading-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-large-letter-spacing);
}

.slds-text-heading_medium {
    font-family: var(--dxp-s-text-heading-medium-font-family);
    font-size: var(--dxp-s-text-heading-medium-font-size);
    font-style: var(--dxp-s-text-heading-medium-font-style);
    font-weight: var(--dxp-s-text-heading-medium-font-weight);
    text-decoration: var(--dxp-s-text-heading-medium-text-decoration);
    text-transform: var(--dxp-s-text-heading-medium-text-transform);
    line-height: var(--dxp-s-text-heading-medium-line-height);
    letter-spacing: var(--dxp-s-text-heading-medium-letter-spacing);
}

.slds-text-heading_small {
    font-family: var(--dxp-s-text-heading-small-font-family);
    font-size: var(--dxp-s-text-heading-small-font-size);
    font-style: var(--dxp-s-text-heading-small-font-style);
    font-weight: var(--dxp-s-text-heading-small-font-weight);
    text-decoration: var(--dxp-s-text-heading-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-small-text-transform);
    line-height: var(--dxp-s-text-heading-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-small-letter-spacing);
}

.slds-text-heading_xsmall {
    font-family: var(--dxp-s-text-heading-extra-small-font-family);
    font-size: var(--dxp-s-text-heading-extra-small-font-size);
    font-style: var(--dxp-s-text-heading-extra-small-font-style);
    font-weight: var(--dxp-s-text-heading-extra-small-font-weight);
    text-decoration: var(--dxp-s-text-heading-extra-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-small-text-transform);
    line-height: var(--dxp-s-text-heading-extra-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-small-letter-spacing);
}

.slds-text-heading_xxsmall {
    font-family: var(--dxp-s-text-heading-extra-extra-small-font-family);
    font-size: var(--dxp-s-text-heading-extra-extra-small-font-size);
    font-style: var(--dxp-s-text-heading-extra-extra-small-font-style);
    font-weight: var(--dxp-s-text-heading-extra-extra-small-font-weight);
    text-decoration: var(--dxp-s-text-heading-extra-extra-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-extra-small-text-transform);
    line-height: var(--dxp-s-text-heading-extra-extra-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-extra-small-letter-spacing);
}

.slds-text-body1 {
    font-family: var(--dxp-s-body-font-family);
    font-size: var(--dxp-s-body-font-size);
    font-style: var(--dxp-s-body-font-style);
    font-weight: var(--dxp-s-body-font-weight);
    text-decoration: var(--dxp-s-body-text-decoration);
    text-transform: var(--dxp-s-body-text-transform);
    line-height: var(--dxp-s-body-line-height);
    letter-spacing: var(--dxp-s-body-letter-spacing);    
}

.slds-text-body2 {
    font-family: var(--dxp-s-body-small-font-family);
    font-size: var(--dxp-s-body-small-font-size);
    font-style: var(--dxp-s-body-small-font-style);
    font-weight: var(--dxp-s-body-small-font-weight);
    text-decoration: var(--dxp-s-body-small-text-decoration);
    text-transform: var(--dxp-s-body-small-text-transform);
    line-height: var(--dxp-s-body-small-line-height);
    letter-spacing: var(--dxp-s-body-small-letter-spacing);    
}