/*
=========================================================
Typography
=========================================================
*/

body {

    font-family: var(--font-family);

    font-size: var(--font-size-md);

    font-weight: var(--font-weight-normal);

    line-height: 1.6;

    color: var(--color-text);

    background-color: var(--color-background);

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    line-height: 1.2;

    font-weight: var(--font-weight-bold);

    color: var(--color-text);

}

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

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

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

p {
    color: var(--color-text-light);
}

strong {
    font-weight: var(--font-weight-bold);
}