/* ==========================================================================
   KROJE
   --------------------------------------------------------------------------
   Trzy role, trzy kroje. Każdy ma powód, dla którego tu jest.

   NEWSREADER (zmienny, prosty i kursywa) — krój displayowy.
     Serif o niskiej kontrastowości, rysowany pod ekran. Kursywa pełni rolę
     kartograficzną: w atlasach nazwy wód od zawsze składa się kursywą
     serifową. Stąd kursywa oznacza tu wodę i wszystko, co dotyczy światła.

   ARCHIVO (zmienny) — grotesk interfejsu.
     Projektowany pod małe stopnie i gęste zestawienia liczb. Oś grubości
     pozwala budować hierarchię wagą, nie rozmiarem.

   SPACE MONO — wyłącznie detal techniczny.
     Identyfikatory ofert, godziny, liczby w tabelach. Nigdy tekst ciągły.
     To jedyny ślad marki GroDev w tej warstwie i ma pozostać śladem.

   --------------------------------------------------------------------------
   Pliki są zawężone skryptem narzedzia/zawez_kroje.py do 133 znaków:
   pełne ASCII, polskie znaki diakrytyczne i garść znaków typograficznych.
   Gotowe podzbiory z Fontsource niosły czeski, węgierski, turecki i litewski,
   których ta strona nie używa, a płaciła za wszystko: 310 KB wobec 113 KB.

   Dodatkowo każdy krój jest jednym plikiem zamiast pary latin i latin-ext,
   bo tamten podział wymuszał dwa pobrania na każdy widoczny napis.

   Osie zmienności przycięte do tego, co system projektowy naprawdę stosuje.
   Rozmiar optyczny w Newsreaderze przypięty na stałe: jest efektowny, ale
   kosztuje tyle, ile cały zysk z zawężenia.

   font-display: swap, bo tekst ma być czytelny od razu, a nie po pobraniu.
   ========================================================================== */

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('fonty/newsreader-prosty.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 300 500;
  font-display: swap;
  src: url('fonty/newsreader-kursywa.woff2') format('woff2-variations');
}

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

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonty/space-mono-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonty/space-mono-700.woff2') format('woff2');
}