:root{
  --paper:#f7f5f0;
  --surface:#ffffff;
  --surface-2:#f1eee7;
  --ink:#151b2b;
  --ink-2:#2a3347;
  --muted:#5f6979;
  --rule:#e3dfd6;
  --rule-2:#cfc9bc;
  --accent:#1f5b4f;
  --accent-ink:#153f37;
  --accent-soft:#e6efeb;
  --brass:#7a5314;
  --brass-soft:#f5ecda;
  --ok:#2f6b3f;  --ok-soft:#e7f0e8;
  --warn:#8a5a0c; --warn-soft:#f7efdc;
  --danger:#9b3b2e; --danger-soft:#f6e7e3;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-sm:4px; --r-md:8px; --r-lg:12px;
  --wrap:1140px; --wrap-narrow:760px; --gutter:16px; --navh:72px;
  --shadow-1:0 1px 2px rgba(21,27,43,.06),0 8px 24px -12px rgba(21,27,43,.14);
  --focus:0 0 0 3px rgba(31,91,79,.35);
}
@media (min-width:768px){:root{--gutter:28px}}