:root {
    --color-ink: #0b0a09;
    --color-paper: #fff7e3;
    --color-cream: #f2e5c4;
    --color-ochre: #d9a62e;
    --color-orange: #d76d2d;
    --color-plum: #4d2638;
    --color-red: #b83e2e;
    --font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --font-body: Arial, Helvetica, sans-serif;
    --font-serif: Georgia, "Times New Roman", serif;
    --page-gutter: 1.125rem;
    --header-height: 5.375rem;
    --border-heavy: .25rem solid var(--color-ink);
    --ease-print: cubic-bezier(.22, 1, .36, 1);
}

@media (min-width: 48rem) {
    :root {
        --page-gutter: 4vw;
        --header-height: 6.75rem;
    }
}

@media (min-width: 73.75rem) {
    :root {
        --page-gutter: 6vw;
    }
}