/* Global baseline shared by every public site. Per-site sheets
   (sites/<slug>.css) layer their own look on top of these defaults. */
:root {
  --site-primary: #0d766d;
  --site-background: #ffffff;
  --site-text: #182126;
  --site-font-heading: ui-sans-serif, system-ui, sans-serif;
  --site-font-body: ui-sans-serif, system-ui, sans-serif;
}

.public-site {
  margin: 0;
  background: var(--site-background);
  color: var(--site-text);
  font-family: var(--site-font-body);
  line-height: 1.6;
}

.public-site h1,
.public-site h2,
.public-site h3 {
  font-family: var(--site-font-heading);
  line-height: 1.2;
}

.public-site a {
  color: var(--site-primary);
}

.public-404 {
  max-width: 40rem;
  margin: 6rem auto;
  padding: 0 1.5rem;
  text-align: center;
}