@import '_variables.scss';
@import '_mixins.scss';

.msk--display-1,
.msk--display-2,
.msk--display-3,
.msk--display-4 {
    font-weight: 500;
    line-height: 1.3;
}

.msk--display-1 {
    font-size: $msk--size-11;
}
.msk--display-2 {
    font-size: $msk--size-10;
}
.msk--display-3 {
    font-size: $msk--size-9;
}
.msk--display-4 {
    font-size: $msk--size-8;
}

.msk--h1,
.msk--h2,
.msk--h3 {
    font-weight: 400;
}

.msk--h4 {
    font-weight: 500;
}

.msk--h5,
.msk--h6 {
    font-weight: 500;
}

.msk--h1 {
    font-size: $msk--size-7;
    line-height: 1.3; //52px
    letter-spacing: -0.05rem;
}

.msk--h2 {
    font-size: $msk--size-6;
    line-height: 1.3; //40px
    letter-spacing: -0.05rem;
}

.msk--h3 {
    font-size: $msk--size-5;
    line-height: 1.4; //36px
    letter-spacing: -0.03rem;
}

.msk--h4 {
    font-size: $msk--size-4;
    line-height: 1.5; //32px
    letter-spacing: -0.02rem;
}

.msk--h5 {
    font-size: $msk--size-3;
    line-height: 1.5; //28px
}

.msk--h6 {
    font-size: $msk--size-2;
    line-height: 1.6; //26px
}

.msk--p {
    font-size: $msk--size-2;
    line-height: 1.75;
}

.msk--small {
    font-size: $msk--size-1;
}

.msk--p-small {
    font-size: $msk--size-1;
    line-height: 1.5;
}

.msk--blockquote {
}

.msk--blockquote-footer {
}

//MSK Sans

.msk--sans-h1,
.msk--sans-h2,
.msk--sans-h3,
.msk--sans-h4,
.msk--sans-h5,
.msk--sans-h6 {
    line-height: 1.2;
}

.msk--sans-h2,
.msk--sans-p {
    font-weight: 397;
}

.msk--sans-h6,
.msk--sans-p {
    font-size: msk-rem(16px);
}

.msk--sans-h1,
.msk--sans-p {
    letter-spacing: 0.0148;
}

.msk--sans-h1 {
    font-size: msk-rem(40px);
    font-weight: 372;
}

.msk--sans-h2 {
    font-size: msk-rem(33px);
    letter-spacing: 0.0156;
}

.msk--sans-h3 {
    font-size: msk-rem(28px);
    font-weight: 423;
    letter-spacing: 0.0168;
}

.msk--sans-h4 {
    font-size: msk-rem(23px);
    font-weight: 452;
    letter-spacing: 0.0179;
}

.msk--sans-h5 {
    font-size: msk-rem(19px);
    font-weight: 482;
    letter-spacing: 0.019;
}

.msk--sans-h6 {
    font-weight: 514;
    letter-spacing: 0.0204;
}

.msk--sans-p {
    line-height: 1.5;
}