/* AUTO-GENERATED UTILITIES: sys.typography */
@layer utilities {
.co-sys-typography-heading-h1 {
  font-family: var(--co-sys-typography-heading-h1-font-family);
  font-weight: var(--co-sys-typography-heading-h1-font-weight);
  font-size: var(--co-sys-typography-heading-h1-font-size);
  line-height: var(--co-sys-typography-heading-h1-line-height);
}

.co-sys-typography-heading-h2 {
  font-family: var(--co-sys-typography-heading-h2-font-family);
  font-weight: var(--co-sys-typography-heading-h2-font-weight);
  font-size: var(--co-sys-typography-heading-h2-font-size);
  line-height: var(--co-sys-typography-heading-h2-line-height);
}

.co-sys-typography-heading-h3 {
  font-family: var(--co-sys-typography-heading-h3-font-family);
  font-weight: var(--co-sys-typography-heading-h3-font-weight);
  font-size: var(--co-sys-typography-heading-h3-font-size);
  line-height: var(--co-sys-typography-heading-h3-line-height);
}

.co-sys-typography-body-md-regular {
  font-family: var(--co-sys-typography-body-md-regular-font-family);
  font-weight: var(--co-sys-typography-body-md-regular-font-weight);
  font-size: var(--co-sys-typography-body-md-regular-font-size);
  line-height: var(--co-sys-typography-body-md-regular-line-height);
}

.co-sys-typography-body-md-medium {
  font-family: var(--co-sys-typography-body-md-medium-font-family);
  font-weight: var(--co-sys-typography-body-md-medium-font-weight);
  font-size: var(--co-sys-typography-body-md-medium-font-size);
  line-height: var(--co-sys-typography-body-md-medium-line-height);
}

.co-sys-typography-body-md-semibold {
  font-family: var(--co-sys-typography-body-md-semibold-font-family);
  font-weight: var(--co-sys-typography-body-md-semibold-font-weight);
  font-size: var(--co-sys-typography-body-md-semibold-font-size);
  line-height: var(--co-sys-typography-body-md-semibold-line-height);
}

.co-sys-typography-body-md-bold {
  font-family: var(--co-sys-typography-body-md-bold-font-family);
  font-weight: var(--co-sys-typography-body-md-bold-font-weight);
  font-size: var(--co-sys-typography-body-md-bold-font-size);
  line-height: var(--co-sys-typography-body-md-bold-line-height);
}

.co-sys-typography-body-sm-regular {
  font-family: var(--co-sys-typography-body-sm-regular-font-family);
  font-weight: var(--co-sys-typography-body-sm-regular-font-weight);
  font-size: var(--co-sys-typography-body-sm-regular-font-size);
  line-height: var(--co-sys-typography-body-sm-regular-line-height);
}

.co-sys-typography-body-sm-medium {
  font-family: var(--co-sys-typography-body-sm-medium-font-family);
  font-weight: var(--co-sys-typography-body-sm-medium-font-weight);
  font-size: var(--co-sys-typography-body-sm-medium-font-size);
  line-height: var(--co-sys-typography-body-sm-medium-line-height);
}

.co-sys-typography-body-sm-semibold {
  font-family: var(--co-sys-typography-body-sm-semibold-font-family);
  font-weight: var(--co-sys-typography-body-sm-semibold-font-weight);
  font-size: var(--co-sys-typography-body-sm-semibold-font-size);
  line-height: var(--co-sys-typography-body-sm-semibold-line-height);
}

.co-sys-typography-body-sm-bold {
  font-family: var(--co-sys-typography-body-sm-bold-font-family);
  font-weight: var(--co-sys-typography-body-sm-bold-font-weight);
  font-size: var(--co-sys-typography-body-sm-bold-font-size);
  line-height: var(--co-sys-typography-body-sm-bold-line-height);
}

.co-sys-typography-body-xs-regular {
  font-family: var(--co-sys-typography-body-xs-regular-font-family);
  font-weight: var(--co-sys-typography-body-xs-regular-font-weight);
  font-size: var(--co-sys-typography-body-xs-regular-font-size);
  line-height: var(--co-sys-typography-body-xs-regular-line-height);
}

.co-sys-typography-body-xs-medium {
  font-family: var(--co-sys-typography-body-xs-medium-font-family);
  font-weight: var(--co-sys-typography-body-xs-medium-font-weight);
  font-size: var(--co-sys-typography-body-xs-medium-font-size);
  line-height: var(--co-sys-typography-body-xs-medium-line-height);
}

.co-sys-typography-body-xs-semibold {
  font-family: var(--co-sys-typography-body-xs-semibold-font-family);
  font-weight: var(--co-sys-typography-body-xs-semibold-font-weight);
  font-size: var(--co-sys-typography-body-xs-semibold-font-size);
  line-height: var(--co-sys-typography-body-xs-semibold-line-height);
}

.co-sys-typography-body-xs-bold {
  font-family: var(--co-sys-typography-body-xs-bold-font-family);
  font-weight: var(--co-sys-typography-body-xs-bold-font-weight);
  font-size: var(--co-sys-typography-body-xs-bold-font-size);
  line-height: var(--co-sys-typography-body-xs-bold-line-height);
}

.co-sys-typography-body-2xs-regular {
  font-family: var(--co-sys-typography-body-2xs-regular-font-family);
  font-weight: var(--co-sys-typography-body-2xs-regular-font-weight);
  font-size: var(--co-sys-typography-body-2xs-regular-font-size);
  line-height: var(--co-sys-typography-body-2xs-regular-line-height);
}

.co-sys-typography-body-2xs-medium {
  font-family: var(--co-sys-typography-body-2xs-medium-font-family);
  font-weight: var(--co-sys-typography-body-2xs-medium-font-weight);
  font-size: var(--co-sys-typography-body-2xs-medium-font-size);
  line-height: var(--co-sys-typography-body-2xs-medium-line-height);
}

.co-sys-typography-body-2xs-semibold {
  font-family: var(--co-sys-typography-body-2xs-semibold-font-family);
  font-weight: var(--co-sys-typography-body-2xs-semibold-font-weight);
  font-size: var(--co-sys-typography-body-2xs-semibold-font-size);
  line-height: var(--co-sys-typography-body-2xs-semibold-line-height);
}

.co-sys-typography-body-2xs-bold {
  font-family: var(--co-sys-typography-body-2xs-bold-font-family);
  font-weight: var(--co-sys-typography-body-2xs-bold-font-weight);
  font-size: var(--co-sys-typography-body-2xs-bold-font-size);
  line-height: var(--co-sys-typography-body-2xs-bold-line-height);
}

.co-sys-typography-body-lg-regular {
  font-family: var(--co-sys-typography-body-lg-regular-font-family);
  font-weight: var(--co-sys-typography-body-lg-regular-font-weight);
  font-size: var(--co-sys-typography-body-lg-regular-font-size);
  line-height: var(--co-sys-typography-body-lg-regular-line-height);
}

.co-sys-typography-body-lg-medium {
  font-family: var(--co-sys-typography-body-lg-medium-font-family);
  font-weight: var(--co-sys-typography-body-lg-medium-font-weight);
  font-size: var(--co-sys-typography-body-lg-medium-font-size);
  line-height: var(--co-sys-typography-body-lg-medium-line-height);
}

.co-sys-typography-body-lg-semibold {
  font-family: var(--co-sys-typography-body-lg-semibold-font-family);
  font-weight: var(--co-sys-typography-body-lg-semibold-font-weight);
  font-size: var(--co-sys-typography-body-lg-semibold-font-size);
  line-height: var(--co-sys-typography-body-lg-semibold-line-height);
}

.co-sys-typography-body-lg-bold {
  font-family: var(--co-sys-typography-body-lg-bold-font-family);
  font-weight: var(--co-sys-typography-body-lg-bold-font-weight);
  font-size: var(--co-sys-typography-body-lg-bold-font-size);
  line-height: var(--co-sys-typography-body-lg-bold-line-height);
}

.co-sys-typography-body-xl-regular {
  font-family: var(--co-sys-typography-body-xl-regular-font-family);
  font-weight: var(--co-sys-typography-body-xl-regular-font-weight);
  font-size: var(--co-sys-typography-body-xl-regular-font-size);
  line-height: var(--co-sys-typography-body-xl-regular-line-height);
}

.co-sys-typography-body-xl-medium {
  font-family: var(--co-sys-typography-body-xl-medium-font-family);
  font-weight: var(--co-sys-typography-body-xl-medium-font-weight);
  font-size: var(--co-sys-typography-body-xl-medium-font-size);
  line-height: var(--co-sys-typography-body-xl-medium-line-height);
}

.co-sys-typography-body-xl-semibold {
  font-family: var(--co-sys-typography-body-xl-semibold-font-family);
  font-weight: var(--co-sys-typography-body-xl-semibold-font-weight);
  font-size: var(--co-sys-typography-body-xl-semibold-font-size);
  line-height: var(--co-sys-typography-body-xl-semibold-line-height);
}

.co-sys-typography-body-xl-bold {
  font-family: var(--co-sys-typography-body-xl-bold-font-family);
  font-weight: var(--co-sys-typography-body-xl-bold-font-weight);
  font-size: var(--co-sys-typography-body-xl-bold-font-size);
  line-height: var(--co-sys-typography-body-xl-bold-line-height);
}

.co-sys-typography-title-lg {
  font-family: var(--co-sys-typography-title-lg-font-family);
  font-weight: var(--co-sys-typography-title-lg-font-weight);
  font-size: var(--co-sys-typography-title-lg-font-size);
  line-height: var(--co-sys-typography-title-lg-line-height);
}

.co-sys-typography-title-md {
  font-family: var(--co-sys-typography-title-md-font-family);
  font-weight: var(--co-sys-typography-title-md-font-weight);
  font-size: var(--co-sys-typography-title-md-font-size);
  line-height: var(--co-sys-typography-title-md-line-height);
}

.co-sys-typography-title-sm {
  font-family: var(--co-sys-typography-title-sm-font-family);
  font-weight: var(--co-sys-typography-title-sm-font-weight);
  font-size: var(--co-sys-typography-title-sm-font-size);
  line-height: var(--co-sys-typography-title-sm-line-height);
}

.co-sys-typography-component-button-md {
  font-family: var(--co-sys-typography-component-button-md-font-family);
  font-weight: var(--co-sys-typography-component-button-md-font-weight);
  font-size: var(--co-sys-typography-component-button-md-font-size);
  line-height: var(--co-sys-typography-component-button-md-line-height);
}

.co-sys-typography-component-button-sm {
  font-family: var(--co-sys-typography-component-button-sm-font-family);
  font-weight: var(--co-sys-typography-component-button-sm-font-weight);
  font-size: var(--co-sys-typography-component-button-sm-font-size);
  line-height: var(--co-sys-typography-component-button-sm-line-height);
}
}