body {
    font-family: var(--main-font-family);
    font-weight: var(--main-font-weight);
    font-size: var(--base-unit);
    color: var(--main-text-color);
}

.typography {

}

.typography p {
    margin: 0.3em 0 0.7em;
}

.typography a,
.typography a:visited
{
    color: var(--highlighting-text-color);
    text-decoration: none;
}

.typography a:hover,
.typography a:focus {
    text-decoration: underline;
}

.typography h1 {
    font-family: var(--secondary-font-family);
    font-weight: var(--secondary-font-weight);
    color: var(--highlighting-text-color);
    margin-bottom: 2rem;
    font-size: 2rem;
}

.typography h2 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: var(--highlighting-text-color);
}

.typography h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.8rem;
}