/*
 * Self-hosted webfonts (latin + latin-ext subset) — replaces the Google Fonts
 * <link> in public/index.html. Loading 400/500/600/700 explicitly means bold
 * text is a real font file instead of a browser-synthesized fake-bold, and it
 * removes a third-party render-blocking request + visitor data going to
 * Google (LGPD). See docs/BRAND-GUIDE.md and CLAUDE.md "Visual Identity".
 *
 * Lives in public/ (NOT src/styles/) and is loaded via a plain <link> in
 * index.html, not a webpack import: css-loader tries to resolve absolute
 * url(/static/fonts/...) paths as JS modules relative to the importing file
 * and fails the build ("Module not found"), since public/ assets aren't part
 * of the webpack graph. Keeping this file next to the woff2s and referencing
 * them with bare relative filenames sidesteps that — the browser resolves
 * them relative to this stylesheet's own URL, and it's also what keeps these
 * URLs pixel-identical to the <link rel="preload"> hrefs in index.html.
 */

@font-face {
  font-family: 'Inter';
  src: url('inter-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('inter-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('inter-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('inter-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('archivo-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('archivo-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}