/* Quiriz webfonts — self-hosted, latin subset.

   Linked by the standalone pages (privacy, terms, support, opt-out, docs).
   index.html and blog/blog.css carry their own copies of these faces on
   purpose: index.html preloads them for LCP, and blog.css is already a
   stylesheet, so an @import there would just cost a blocking round trip.

   Bodoni Moda is the display face — page h1 and nothing smaller. Below
   ~32px its thins clog and it stops being legible. Lato covers the rest. */

@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('/assets/fonts/BodoniModa-var.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal; font-weight: 300; font-display: swap;
  src: url('/assets/fonts/Lato-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/assets/fonts/Lato-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: italic; font-weight: 400; font-display: swap;
  src: url('/assets/fonts/Lato-400-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('/assets/fonts/Lato-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal; font-weight: 900; font-display: swap;
  src: url('/assets/fonts/Lato-900.woff2') format('woff2');
}

:root {
  --font-display: 'Bodoni Moda', Georgia, 'Times New Roman', serif;
  --font-body:    'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, Consolas, monospace;
}