.ats-h1 {
    color: var(--dxp-s-text-heading-extra-large-color);
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    font-family: var(--dxp-s-text-heading-extra-large-font-family), sans-serif;
}

.ats-h2 {
    color: var(--dxp-s-text-heading-large-color);
    font-size: var(--dxp-s-text-heading-large-font-size);
    font-family: var(--dxp-s-text-heading-large-font-family), sans-serif;
}

.ats-h3 {
    color: var(--dxp-s-text-heading-medium-color);
    font-size: var(--dxp-s-text-heading-medium-font-size);
    font-family: var(--dxp-s-text-heading-medium-font-family), sans-serif;
}

.ats-h4 {
    color: var(--dxp-s-text-heading-small-color);
    font-size: var(--dxp-s-text-heading-small-font-size);
    font-family: var(--dxp-s-text-heading-small-font-family), sans-serif;
}

.ats-h5 {
    color: var(--dxp-s-text-heading-extra-small-color);
    font-size: var(--dxp-s-text-heading-extra-small-font-size);
    font-family: var(--dxp-s-text-heading-extra-small-font-family), sans-serif;
}

.ats-h6 {
    color: var(--dxp-s-text-heading-extra-extra-small-color);
    font-size: var(--dxp-s-text-heading-extra-extra-small-font-size);
    font-family: var(--dxp-s-text-heading-extra-extra-small-font-family), sans-serif;
}