/* Design decisions shared by every page. Brand color is supplied by brand.mjs. */
:root {
  --brand:#9c4832; --brand-dark:#733322; --accent-soft:#e4d8c8;
  --cream:#f5f1e9; --white:#fff; --ink:#282724; --muted:#686058;
  --surface-warm:#eee7dc; --surface-stone:#e4d8c8;
  --surface-art:#eee7dc; --surface-art-alt:#f5f1e9; --surface-hover:#e4d8c8;
  --line:#d9cfc1; --line-strong:#b9aa99; --focus:#a33f22;
  --font-body:'DM Sans',system-ui,sans-serif;
  --text-small:.875rem; --text-body:1rem; --text-lead:1.125rem;
  --text-title:clamp(2.75rem,5vw,4rem); --text-heading:clamp(2rem,3.5vw,3rem);
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px;
  --space-5:48px; --space-6:64px; --section-space:clamp(56px,7vw,88px);
  --content-width:1180px; --wide-width:1280px; --reading-width:720px;
  --radius-small:3px; --radius:3px; --radius-large:3px; --radius-pill:3px;
  --shadow:0 18px 45px rgba(13,48,38,.12);
  --motion-fast:200ms; --motion-enter:650ms; --ease-out:cubic-bezier(.22,1,.36,1);
}