/* Crisp: Silkscreen, a sharp pixel font, for titles and labels, with Atkinson Hyperlegible for paragraphs.
   Atkinson was designed for maximum readability, so long posts are easy on the eyes. */
:root {
  --font-pixel: "Silkscreen", ui-monospace, "Courier New", monospace;
  --font-body: "Atkinson Hyperlegible", system-ui, sans-serif;
  --ui-scale: 1.45;
  --body-scale: 0.95;
}
.prose { line-height: 1.65; }

/* Silkscreen's capitals are wide, so keep the small text compact on phones to fit the menu on one row. */
@media (max-width: 560px) {
  :root { --ui-scale: 1.2; }
}