:root{
  --paper:#ECEAE4;
  --paper-2:#F7F5F0;
  --ink:#1A1815;
  --soft:#57524A;
  --rule:#BDB7AC;
  --anna-teal:#2D5F67;
  --anna-sage:#769E79;
  --anna-orchid:#EEABEE;
  --anna-ink:#1A1A1A;
  --anna:var(--anna-teal);
  --lj-text:#7A5C0E;
  --lj-yellow:#FFF200;
  --lj-yellow-2:#FFEE00;
  --lj-blue:#009AE6;
  --serif:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --max:1180px;
  --measure:36em;
  --gutter:16px;
  --bar:48px;
  --tap:44px;
  --focus:2px solid var(--ink);
}
@media(min-width:480px){:root{--gutter:20px}}