/* App-owned. Loaded after lslr-site.css (see app/layout.tsx) so these win on
   equal specificity.

   lslr-site.css names the brand fonts literally ('Zilla Slab', 'Anton', ...).
   That only resolves because Turbopack's next/font emits @font-face rules under
   the plain family names; webpack hashes them (__Zilla_Slab_a1b2c3), and the
   vendored sheet would silently fall back to Georgia/Arial. Pointing its
   variables at the next/font variables makes the dependency explicit and survives
   either bundler. Same families and fallbacks as before, so no visible change. */
:root {
  --display: var(--font-zilla-slab), Georgia, serif;
  --display-impact: var(--font-anton), var(--font-zilla-slab), Georgia, serif;
  --body: var(--font-inter), -apple-system, sans-serif;
  --mono: var(--font-jetbrains-mono), 'Courier New', monospace;
}