:root {
    --color-ink: #102f55;
    --color-ink-deep: #081c35;
    --color-cream: #f4efe3;
    --color-paper: #fffdf7;
    --color-walnut: #7a3f2c;
    --color-walnut-dark: #4b241b;
    --color-coral: #d66551;
    --color-mist: #dbe5e8;
    --color-line: rgb(16 47 85 / 25%);
    --font-display: Georgia, "Times New Roman", serif;
    --font-body: "Trebuchet MS", Arial, sans-serif;
    --page-gutter: 1.375rem;
    --header-size: 5.25rem;
    --transition-fast: 180ms ease;
    --transition-slow: 820ms cubic-bezier(.22, 1, .36, 1);
}

@media (min-width: 48rem) {
    :root {
        --page-gutter: 4.4rem;
        --header-size: 6.5rem;
    }
}

@media (min-width: 73.75rem) {
    :root {
        --page-gutter: clamp(5rem, 7.5vw, 8.5rem);
    }
}