@use '../abstracts/functions' as *;
@use '../abstracts/mixins' as *;
@use './colors' as *;
// @import url("https://use.typekit.net/ryt1jvs.css");

* {
    font-family: "proxima-nova", sans-serif;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
a,
p,
span {
    color: $color-text-primary;
}

h1 {
    font-weight: 700;
    font-size: px2rem(100px);
}

h2 {
    font-weight: 700;
    font-size: px2rem(50px);
}

h3 {
    font-weight: 600;
    font-size: px2rem(25px);
}

h4 {
    font-weight: 900;
    font-size: px2rem(35px);
}

h5 {
    font-weight: 700;
    font-size: px2rem(30px);
}


h6 {
    font-size: px2rem(18px);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-weight: normal;
    color: $color-text-primary;
}

p {
    font-weight: 400;
    font-size: px2rem(18px);
}

.gray {
    color: $color-text-secondary;
}

@include for-mobile {
    h1 {
        font-weight: 800;
        font-size: px2rem(40px);
        line-height: normal;
    }
    h2 {
        font-weight: 700;
        font-size: px2rem(30px);
        line-height: normal;
    }
    h3 {
        font-weight: 700;
        font-size: px2rem(22px);
        line-height: normal;
    }
    p {
        line-height: normal;
        font-size: px2rem(16px);
    }
}
