/* Global baseline shared by every public site. Per-site sheets
   (sites/<slug>.css) layer their own look on top of these defaults.
   Lives in the Blitz-declared `base` layer so that site sheets — layered
   (e.g. faluninfo's `site.*` layers) or unlayered (legacy sites) — always
   win the cascade against this baseline. */
@layer base {
  /* The design-variable defaults live inside the base layer as well, so
     layered site tokens (e.g. faluninfo's site.tokens) can override them —
     unlayered declarations would otherwise always win. */
  :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;
  }
}