@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&family=DM+Sans:wght@400;500;600;700&display=swap');

/* Shared by the public theme and the Gutenberg canvas. */
:root {
    --sans: 'DM Sans',Arial,sans-serif;
    --display: 'Barlow Condensed','Arial Narrow',Impact,sans-serif;
    --font-title: var(--display);
    --font-summary: var(--sans);
    --font-reading: var(--sans);
    --article-title-size: clamp(36px, 4.5vw, 56px);
    --article-title-line-height: 1.08;
    --article-title-spacing: -.012em;
    --article-reading-size: 20px;
    --article-reading-line-height: 1.75;
    --article-h2-size: 36px;
    --article-h3-size: 28px;
    --article-heading-line-height: 1.2;
}

@media (max-width: 650px) {
    :root {
        --article-title-size: 36px;
        --article-reading-size: 18px;
        --article-h2-size: 30px;
        --article-h3-size: 26px;
    }
}