@import "./variables";
@import "./font-family";

/* Headings */

.text-h1, h1 {
    font-size: 32pt;
}
.text-h2, h2 {
    font-size: 28pt;
}
.text-h3, h3 {
    font-size: 24pt;
}
.text-h4, h4 {
    font-size: 20pt;
}
.text-h5, h5 {
    font-size: 16pt;
}
.text-h6, h6 {
    font-size: 14pt;
}
.text-subtitle1 {
    font-size: 13pt;
}
.text-subtitle2 {
    font-size: 12pt;
}
.text-body1 {
    font-size: 11pt;
}
.text-body2 {
    font-size: 11pt;
}
.text-caption {
    font-size: 11pt;
}
.text-overline {
    font-size: 10pt;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin-top: 0;
    margin-bottom: .2em;
    font-family: vn-font-bold;
}

/* Colors */

.text-primary {
    color: $color-font;
}
.text-secondary {
    color: $color-font-secondary;
}

/* Helpers */

.text-uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}