@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

.cn-ui-m-typography.cn-ui-m-typography-title {
  margin-top: 0;
  margin-bottom: 0;
}

H1.cn-ui-m-typography-title {
  font-size: $m-s-30;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight-semi-bold;
  color: $m-color-text-title1;
}

H2.cn-ui-m-typography-title {
  font-size: $m-s-24;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight-semi-bold;
  color: $m-color-text-title1;
}

H3.cn-ui-m-typography-title {
  font-size: $m-s-22;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight-semi-bold;
  color: $m-color-text-title1;
}

H4.cn-ui-m-typography-title {
  font-size: $m-s-20;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight-semi-bold;
  color: $m-color-text-title1;
}

H5.cn-ui-m-typography-title {
  font-size: $m-s-18;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight-semi-bold;
  color: $m-color-text-title1;
}

H6.cn-ui-m-typography-title {
  font-size: $m-s-16;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight-semi-bold;
  color: $m-color-text-title1;
}

.cn-ui-m-typography-body-text-1 {
  font-size: $m-font-size-body-1;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight;
  color: $m-color-text;
}

.cn-ui-m-typography-body-text-2 {
  font-size: $m-font-size-body-2;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight;
  color: $m-color-text;
}

.cn-ui-m-typography-caption {
  font-size: $m-font-size-caption;
  line-height: $m-font-lineheight-2;
  font-weight: $m-font-weight;
  color: $m-color-text-tip;
}