@utility pyrion-fonts-display-large {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 64px;
    color: var(--black);
}

@utility pyrion-fonts-headline-xlarge {
    font-family: var(--text-headline-xlarge-font);
    font-weight: var(--text-headline-xlarge-weight);
    font-size: var(--text-headline-xlarge-size);
    line-height: var(--text-headline-xlarge-line-height);
}

@utility pyrion-fonts-headline-large {
    font-family: var(--text-headline-large-font);
    font-weight: var(--text-headline-large-weight);
    font-size: var(--text-headline-large-size);
    line-height: var(--text-headline-large-line-height);
}

@utility pyrion-fonts-headline-medium {
    font-family: var(--text-headline-medium-font);
    font-weight: var(--text-headline-medium-weight);
    font-size: var(--text-headline-medium-size);
    line-height: var(--text-headline-medium-line-height);
}

@utility pyrion-fonts-headline-small {
    font-family: var(--text-headline-small-font);
    font-weight: var(--text-headline-small-weight);
    font-size: var(--text-headline-small-size);
    line-height: var(--text-headline-small-line-height);
}


@utility pyrion-fonts-title-large {
    font-family: var(--text-title-large-font);
    font-weight: var(--text-title-large-weight);
    font-size: var(--text-title-large-size);
    line-height: var(--text-title-large-line-height);
}

@utility pyrion-fonts-title-medium {
    font-family: var(--text-title-medium-font);
    font-weight: var(--text-title-medium-weight);
    font-size: var(--text-title-medium-size);
    line-height: var(--text-title-medium-line-height);
}

@utility pyrion-fonts-title-small {
    font-family: var(--text-title-small-font);
    font-weight: var(--text-title-small-weight);
    font-size: var(--text-title-small-size);
    line-height: var(--text-title-small-line-height);
}

@utility pyrion-fonts-body-large {
    font-family: var(--text-body-large-font);
    font-weight: var(--text-body-large-weight);
    font-size: var(--text-body-large-size);
    line-height: var(--text-body-large-line-height);
}

@utility pyrion-fonts-body-medium {
    font-family: var(--text-body-medium-font);
    font-weight: var(--text-body-medium-weight);
    font-size: var(--text-body-medium-size);
    line-height: var(--text-body-medium-line-height);
}

@utility pyrion-fonts-body-small {
    font-family: var(--text-body-small-font);
    font-weight: var(--text-body-small-weight);
    font-size: var(--text-body-small-size);
    line-height: var(--text-body-small-line-height);
}

@utility pyrion-fonts-body-xsmall {
    font-family: var(--text-body-xsmall-font);
    font-weight: var(--text-body-xsmall-weight);
    font-size: var(--text-body-xsmall-size);
    line-height: var(--text-body-xsmall-line-height);
}


@utility pyrion-fonts-label-xlarge {
    font-family: var(--text-label-xlarge-font);
    font-weight: var(--text-label-xlarge-weight);
    font-size: var(--text-label-xlarge-size);
    line-height: var(--text-label-xlarge-line-height);
}

@utility pyrion-fonts-label-large {
    font-family: var(--text-label-large-font);
    font-weight: var(--text-label-large-weight);
    font-size: var(--text-label-large-size);
    line-height: var(--text-label-large-line-height);
}

@utility pyrion-fonts-label-medium {
    font-family: var(--text-label-medium-font);
    font-weight: var(--text-label-medium-weight);
    font-size: var(--text-label-medium-size);
    line-height: var(--text-label-medium-line-height);
}

@utility pyrion-fonts-label-small {
    font-family: var(--text-label-small-font);
    font-weight: var(--text-label-small-weight);
    font-size: var(--text-label-small-size);
    line-height: var(--text-label-small-line-height);
}

/* @deprecated: use pyrion-fonts-headline-large */
@utility prometeo-fonts-headline-large {
    @apply pyrion-fonts-headline-large;
}

/* @deprecated: use pyrion-fonts-headline-medium */
@utility prometeo-fonts-headline-medium {
    @apply pyrion-fonts-headline-medium;
}

/* @deprecated: use pyrion-fonts-headline-small */
@utility prometeo-fonts-headline-small {
    @apply pyrion-fonts-headline-small;
}

/* @deprecated: use pyrion-fonts-title-large */
@utility prometeo-fonts-title-large {
    @apply pyrion-fonts-title-large;
}

/* @deprecated: use pyrion-fonts-title-medium */
@utility prometeo-fonts-title-medium {
    @apply pyrion-fonts-title-medium;   
}   

/* @deprecated: use pyrion-fonts-title-small */
@utility prometeo-fonts-title-small {
    @apply pyrion-fonts-title-small;
}

/* @deprecated: use pyrion-fonts-body-large */
@utility prometeo-fonts-body-large {
    @apply pyrion-fonts-body-large;
}

/* @deprecated: use pyrion-fonts-body-medium */
@utility prometeo-fonts-body-medium {
    @apply pyrion-fonts-body-medium;
}

/* @deprecated: use pyrion-fonts-body-small */
@utility prometeo-fonts-body-small {
    @apply pyrion-fonts-body-small;
}

/* @deprecated: use pyrion-fonts-body-xsmall */
@utility prometeo-fonts-body-xsmall {
    @apply pyrion-fonts-body-xsmall;
}

/* @deprecated: use pyrion-fonts-label-large */
@utility prometeo-fonts-label-large {
    @apply pyrion-fonts-label-large;
}

/* @deprecated: use pyrion-fonts-label-medium */
@utility prometeo-fonts-label-medium {
    @apply pyrion-fonts-label-medium;
}

/* @deprecated: use pyrion-fonts-label-small */
@utility prometeo-fonts-label-small {
    @apply pyrion-fonts-label-small;
}