.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: const(headings-margin-bottom);
    font-weight: const(headings-font-weight);
    @include colorize($color: headings-color);
}

.body,
.body2,
.footnote {
    @include colorize($color: secondary);
    font-weight: normal;
}

.h1 {
    font-size: 32;
}

.h2 {
    font-size: 22;
}

.h3 {
    font-size: 15;
}

.h4 {
    font-size: 12;
}

.h5 {
    font-size: 11;
}

.h6 {
    font-size: 10;
}

.body {
    font-size: 14;
}

.body2 {
    font-size: 17;
}

.footnote {
    font-size: 13;
}

.ns-android {
    .h1 {
        font-size: 34;
    }

    .h2 {
        font-size: 24;
    }

    .h3 {
        font-size: 16;
    }

    .h5 {
        font-size: 11;
        font-weight: bold;
    }

    .body2 {
        font-size: 14;
        font-weight: 500;
    }
  }