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

body {

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

    font-size:
        1rem;

    line-height:
        1.8;

    color:
        var(--text);

    background:
        var(--cream);
}

/* =========================================================
HEADINGS
========================================================= */

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

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

    line-height:
        1.1;

    color:
        var(--charcoal);

    font-weight:
        700;
}

h1 {

    font-size:
        clamp(3rem,8vw,6rem);
}

h2 {

    font-size:
        clamp(2.2rem,5vw,4rem);
}

h3 {

    font-size:
        clamp(1.4rem,3vw,2rem);
}

h4 {

    font-size:
        1.25rem;
}

/* =========================================================
TEXT
========================================================= */

p {

    margin-bottom:
        1.4rem;

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

/* =========================================================
ARTICLE CONTENT
========================================================= */

.article-content {

    font-size:
        1.08rem;

    line-height:
        2;
}

.article-content p {

    margin-bottom:
        2rem;
}

/* =========================================================
BLOCKQUOTE
========================================================= */

blockquote {

    padding:
        40px;

    border-left:
        5px solid var(--gold);

    background:
        rgba(200,169,107,.08);

    border-radius:
        var(--radius-md);

    margin:
        40px 0;

    font-style:
        italic;
}

/* =========================================================
STRONG
========================================================= */

strong {

    color:
        var(--charcoal);

    font-weight:
        700;
}