/* typography */

// TODO To be served locally later
@import url('https://fontlibrary.org//face/gen-light');
@import url('https://fontlibrary.org//face/kallaikos-revve-kallaikosrevve');

body {
    line-height: 1.4;
    font-family: $primary-font;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: $text-color;
}

p, .paragraph {
    font-weight: 400;
    color: $text-color;
    font-size: 16px;
    line-height: 1.7;
    font-family: $primary-font;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: $text-color-dark;
    font-weight: 400;
    line-height: 1.3 !important;
    &:not([class^='ti-']) {
        font-family: $primary-font;
    }
}

.section-header {
    font-variant: small-caps;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 600 !important;
}

a{
    &.h1,&.h2,&.h3,&.h4,&.h5,&.h6{
        color: $text-color-dark;
    }
}

h1, .h1{
    font-size: 45px;
}

h2, .h2{
    font-size: 36px;
}

h3, .h3{
    font-size: 28px;
}

h4, .h4{
    font-size: 22px;
}

h5, .h5{
    font-size: 18px;
}

h6, .h6{
    font-size: 16px;
}