/* Self-hosted (vendored into static/, same as css/styles.css — copied verbatim, never processed by Vite, so its position in index.html's stays exactly where it's put) instead of loaded from fonts.googleapis.com/fonts.gstatic.com at runtime. See index.html's own doc for why. Only the "latin" subset (Basic Latin + Latin-1 Supplement — every accented Spanish character: á é í ó ú ñ ü ¿ ¡) is vendored, not the full @fontsource package (which bundles cyrillic, devanagari, math, vietnamese, ... this app never renders — importing that wholesale would have more than doubled the service worker's precache size for nothing). woff2-only, no woff fallback — this app already targets evergreen browsers only (private class fields, optional chaining, etc.), and every one of them has supported woff2 for years. */ @font-face { font-family: 'Poppins'; font-style: normal; font-display: swap; font-weight: 200; src: url('./fonts/poppins-latin-200-normal.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-display: swap; font-weight: 300; src: url('./fonts/poppins-latin-300-normal.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-display: swap; font-weight: 400; src: url('./fonts/poppins-latin-400-normal.woff2') format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: url('./fonts/roboto-latin-300-normal.woff2') format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: url('./fonts/roboto-latin-400-normal.woff2') format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 500; src: url('./fonts/roboto-latin-500-normal.woff2') format('woff2'); }