:root {
  --tomato: #c5432b;
  --green: #535f37;
  --blue: var(--tomato);
  --paper: #fbf6eb;
  --soft: #eee9dd;
  --ink: #26251f;
  --muted: #68665c;
  --line: #d6cfbf;
  --yellow: #f3c851;
  --pink: #ecc6bb;
  --sage: #c1cdb7;
  --serif: "Lora", "Noto Serif SC", Georgia, serif;
  --sans: "DM Sans", "Noto Sans SC", Arial, sans-serif;
  --gutter: 48px;
  --ease: cubic-bezier(.22, 1, .36, 1);
}
@media (max-width: 760px) { :root { --gutter: 20px; } }