h1, h2, h3, h4, h5, h6 {
    letter-spacing: var(--letter-spacing-display);
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-bold);
    color: var(--gray-800);
}

/*h1 {
    font-size: var(--font-size-display-2xl);
    line-height: var(--line-height-display-2xl);
}

h2 {
    font-size: var(--font-size-display-xl);
    line-height: var(--line-height-display-xl);
}

h3 {
    font-size: var(--font-size-display-lg);
    line-height: var(--line-height-display-lg);
}

h4 {
    font-size: var(--font-size-display-md);
    line-height: var(--line-height-display-md);
}

h5 {
    font-size: var(--font-size-display-sm);
    line-height: var(--line-height-display-sm);
}

h6 {
    font-size: var(--font-size-display-xs);
    line-height: var(--line-height-display-xs);
}*/

.display-2xl,
.display-xl,
.display-lg,
.display-md,
.display-sm,
.display-xs {
    letter-spacing: var(--letter-spacing-display);
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-bold);
    color: var(--gray-800);
}

.display-2xl {
    font-size: var(--font-size-display-2xl);
    line-height: var(--line-height-display-2xl);
}

.display-xl {
    font-size: var(--font-size-display-xl);
    line-height: var(--line-height-display-xl);
}

.display-lg {
    font-size: var(--font-size-display-lg);
    line-height: var(--line-height-display-lg);
}

.display-md {
    font-size: var(--font-size-display-md);
    line-height: var(--line-height-display-md);
}

.display-sm {
    font-size: var(--font-size-display-sm);
    line-height: var(--line-height-display-sm);
}

.display-xs {
    font-size: var(--font-size-display-xs);
    line-height: var(--line-height-display-xs);
}

.eBlind {
    & h1, 
    & h2, 
    & h3, 
    & h4, 
    & h5, 
    & h6 {
        letter-spacing: var(--letter-spacing-display);
        font-family: var(--font-family-base);
        font-weight: var(--font-weight-bold);
        color: var(--gray-800);
    }

    & h1 {
        font-size: var(--font-size-display-2xl);
        line-height: var(--line-height-display-2xl);
    }

    & h2 {
        font-size: var(--font-size-display-xl);
        line-height: var(--line-height-display-xl);
    }

    & h3 {
        font-size: var(--font-size-display-lg);
        line-height: var(--line-height-display-lg);
    }

    & h4 {
        font-size: var(--font-size-display-md);
        line-height: var(--line-height-display-md);
    }

    & h5 {
        font-size: var(--font-size-display-sm);
        line-height: var(--line-height-display-sm);
    }

    & h6 {
        font-size: var(--font-size-display-xs);
        line-height: var(--line-height-display-xs);
    }

    & .display-2xl,
    & .display-xl,
    & .display-lg,
    & .display-md,
    & .display-sm,
    & .display-xs {
        letter-spacing: var(--letter-spacing-display);
        font-family: var(--font-family-base);
        color: var(--gray-800);
    }

    & .display-2xl {
        font-size: var(--font-size-display-2xl);
        line-height: var(--line-height-display-2xl);
    }

    & .display-xl {
        font-size: var(--font-size-display-xl);
        line-height: var(--line-height-display-xl);
    }

    & .display-lg {
        font-size: var(--font-size-display-lg);
        line-height: var(--line-height-display-lg);
    }

    & .display-md {
        font-size: var(--font-size-display-md);
        line-height: var(--line-height-display-md);
    }

   & .display-sm {
        font-size: var(--font-size-display-sm);
        line-height: var(--line-height-display-sm);
    }

    & .display-xs {
        font-size: var(--font-size-display-xs);
        line-height: var(--line-height-display-xs);
    }
}