/* ==========================================================================
   TYPOGRAPHY
========================================================================== */

body {
    font-family: var(--font-body);
    font-size: var(--font-body-size);
    line-height: 1.6;
    color: var(--color-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    color: var(--color-primary);
    line-height: 1.15;
    font-weight: 600;
}

h1 {
    font-size: var(--font-h1);
}

h2 {
    font-size: var(--font-h2);
}

h3 {
    font-size: var(--font-h3);
}

h4 {
    font-size: var(--font-h4);
}

p {
    margin-bottom: var(--space-24);
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition);
}