/* ---- fonts ---------------------------------------------------------------
   Satoshi and Instrument Serif are served from the site root (/fonts/), which
   the shared build output publishes; the docs live under /docs/ on the same
   host. Geist Mono ships with the docs (static/fonts). No external host. */
@font-face { font-family: 'Satoshi'; src: url('/fonts/satoshi-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('/fonts/satoshi-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('/fonts/satoshi-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('/fonts/satoshi-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Serif'; src: url('/fonts/instrument-serif-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Serif'; src: url('/fonts/instrument-serif-400-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Geist Mono Variable'; src: url('/docs/fonts/geist-mono-latin-wght-normal.woff2') format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }

/* Wallpaper lives here, not in bundled CSS: webpack resolves root-absolute
   url() at build time and fails on /img/... the same way it does for fonts. */
html, body {
  background-image:
    radial-gradient(ellipse 78% 68% at 50% 36%, rgba(255,255,255,.62) 0%, rgba(255,255,255,.32) 100%),
    url('/docs/img/bg-bloom-4k.jpg');
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 640px) {
  html, body { background-attachment: scroll; }
}