/* "Studio wall" palette, pulled from the work itself: sketchbook paper and graphite, the indigo and
   marigold of the illustrations, with sienna, dusty rose, and sage from the paintings and photographs. */
:root {
    --color-paper: #F4EFE6;
    --color-paper-deep: #EAE2D3;
    --color-mat: #FCFAF6;
    --color-line: #D8CDBB;

    --color-ink: #1F1D24;
    --color-muted: #5C564E;

    --color-indigo: #262B66;
    --color-indigo-deep: #161940;
    --color-gold: #F2B630;
    --color-gold-soft: #F8D985;
    --color-ochre-ink: #855600;
    --color-sienna: #A44A22;
    --color-rose: #E4BBAF;
    --color-sage: #AAB596;
    --color-viewer: #141318;

    --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-display: Fraunces, "Iowan Old Style", Georgia, serif;
    --font-hand: Caveat, "Bradley Hand", "Segoe Print", cursive;
    --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

    --container: 1240px;
    --gutter: 28px;
    --radius-sm: 3px;
    --radius: 4px;

    --shadow-print: 0 1px 1px rgba(31, 29, 36, .08), 0 10px 24px -8px rgba(31, 29, 36, .28);
    --shadow-lift: 0 2px 2px rgba(31, 29, 36, .08), 0 22px 40px -12px rgba(31, 29, 36, .38);
    --shadow-hard: 4px 4px 0 var(--color-ink);
    --focus: 0 0 0 3px var(--color-paper), 0 0 0 6px var(--color-indigo);

    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 22px;
    --text-hand: clamp(24px, 2.4vw, 30px);
    --text-display: clamp(38px, 5vw, 64px);
    --text-hero: clamp(52px, 8.4vw, 118px);
}