:root {
    --trim-white: #f6f5f1;
    --trim-shade: #ebe9e2;
    --rule: #d8d4ca;
    --door-juniper: #1f4337;
    --door-deep: #163329;
    --on-door: #dfe6e1;
    --enamel-slate: #331620;
    --enamel-letter: #e4ebea;
    --brass: #d9b574;
    --clapboard-putty: #e3dcce;
    --clapboard-lap: #b9c2b6;
    --umber-ink: #2b2622;
    --umber-soft: #5a534c;
    --eave-shadow: #221e1b;
    /* A muted brick red, not a stock UI red, the one accent in the palette
       reserved for "something needs fixing." */
    --danger: #a3402c;
    --lamp: 226, 150, 52;
    --serif: "Literata", "Iowan Old Style", Georgia, serif;
    --gutter: clamp(20px, 4vw, 56px);
    --max-width: 1280px;
    --type-display: clamp(2.25rem, 1.2rem + 2.4vw, 3.25rem);
    --type-headline: clamp(1.75rem, 1.05rem + 1.4vw, 2.125rem);
    --type-title: 1.3125rem;
    --type-subhead: 1.125rem;
    --type-numeral: 1.625rem;
    --type-numeral-lg: 1.875rem;
    --type-lead: 1.125rem;
    --type-body: 1.0625rem;
    --type-ui: 0.9375rem;
    --type-label: 0.8125rem;
    --type-micro: 0.75rem;
    /* Drawn once, painted juniper through a mask. --list-mark is a filled
       house glyph: a triangle roof stacked on a square, wider than it is
       tall so it doesn't read as an up-arrow. --check is a tick (done:
       toasts, success plaques). --check-open is an empty box a tenant
       can print and tick. */
    --list-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12'%3E%3Cpath fill-rule='evenodd' d='M0 4.4L7 .2 14 4.4H11V11.6H3V4.4H0zM6 7.8h2V11.6H6z'/%3E%3C/svg%3E");
    --check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10'%3E%3Cpath d='M1.25 5.25 4.75 8.5 11.75 1.5' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --check-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.9' y='1.9' width='12.2' height='12.2' rx='1.8' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}