/* Typography Base */
.kab-typography {
    margin: 0;
    font-family: var(--kab-typography-font-family);
}

/* Display */
.kab-typography-display {
    font-weight: var(--kab-typography-font-weight-display);
}

.kab-typography-display-1 {
    font-size: var(--kab-typography-font-size-display-1);
    line-height: var(--kab-typography-line-height-display-1);
}

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

/* Heading */
.kab-typography-heading {
    font-weight: var(--kab-typography-font-weight-heading);
}

.kab-typography-h1 {
    font-size: var(--kab-typography-font-size-h1);
    line-height: var(--kab-typography-line-height-h1);
}

.kab-typography-h2 {
    font-size: var(--kab-typography-font-size-h2);
    line-height: var(--kab-typography-line-height-h2);
}

.kab-typography-h3 {
    font-size: var(--kab-typography-font-size-h3);
    line-height: var(--kab-typography-line-height-h3);
}

.kab-typography-h4 {
    font-size: var(--kab-typography-font-size-h4);
    line-height: var(--kab-typography-line-height-h4);
}

.kab-typography-h5 {
    font-size: var(--kab-typography-font-size-h5);
    line-height: var(--kab-typography-line-height-h5);
}

.kab-typography-h6 {
    font-size: var(--kab-typography-font-size-h6);
    line-height: var(--kab-typography-line-height-h6);
}

/* Paragraph */
.kab-typography-p {
    font-weight: var(--kab-typography-font-weight-p);
}

.kab-typography-p-lg {
    font-size: var(--kab-typography-font-size-p-lg);
    line-height: var(--kab-typography-line-height-p-lg);
}

.kab-typography-p-md {
    font-size: var(--kab-typography-font-size-p-md);
    line-height: var(--kab-typography-line-height-p-md);
}

.kab-typography-p-sm {
    font-size: var(--kab-typography-font-size-p-sm);
    line-height: var(--kab-typography-line-height-p-sm);
}

.kab-typography-p-xs {
    font-size: var(--kab-typography-font-size-p-xs);
    line-height: var(--kab-typography-line-height-p-xs);
}

/* Label */
.kab-typography-label {
    font-weight: var(--kab-typography-font-weight-label);
}

.kab-typography-label-lg {
    font-size: var(--kab-typography-font-size-label-lg);
    line-height: var(--kab-typography-line-height-label-lg);
}

.kab-typography-label-md {
    font-size: var(--kab-typography-font-size-label-md);
    line-height: var(--kab-typography-line-height-label-md);
}

.kab-typography-label-sm {
    font-size: var(--kab-typography-font-size-label-sm);
    line-height: var(--kab-typography-line-height-label-sm);
}

.kab-typography-label-xs {
    font-size: var(--kab-typography-font-size-label-xs);
    line-height: var(--kab-typography-line-height-label-xs);
}