/* Практични савети — self-hosted font loading.
   The design prototype pulls these from Google Fonts for convenience.
   PRODUCTION MUST self-host: no fonts.googleapis.com / fonts.gstatic.com request.

   How to produce the files:
   1. Download the families from Google Fonts (all are OFL):
      Bitter (600,700,800) · Literata (400,400i) · IBM Plex Sans (400,500,600,700) · IBM Plex Mono (400)
   2. Subset to Cyrillic + Latin punctuation with pyftsubset, e.g.:
      pyftsubset Bitter-ExtraBold.ttf --flavor=woff2 --layout-features='*' \
        --unicodes="U+0000-00FF,U+0400-045F,U+2000-206F,U+2116" \
        --output-file=bitter-800-cyrl.woff2
   3. Drop the .woff2 files in assets/fonts/ and keep the names below.
   4. Preload only the two faces used above the fold:
      <link rel="preload" as="font" type="font/woff2" crossorigin
            href=".../bitter-800-cyrl.woff2">
      <link rel="preload" as="font" type="font/woff2" crossorigin
            href=".../plex-sans-500-cyrl.woff2">

   All faces use font-display:swap. Total font payload target: < 120KB. */

@font-face{ font-family:Bitter; font-style:normal; font-weight:600;
  font-display:swap; src:url("../fonts/bitter-600-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }
@font-face{ font-family:Bitter; font-style:normal; font-weight:700;
  font-display:swap; src:url("../fonts/bitter-700-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }
@font-face{ font-family:Bitter; font-style:normal; font-weight:800;
  font-display:swap; src:url("../fonts/bitter-800-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }

@font-face{ font-family:Literata; font-style:normal; font-weight:400;
  font-display:swap; src:url("../fonts/literata-400-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }
@font-face{ font-family:Literata; font-style:italic; font-weight:400;
  font-display:swap; src:url("../fonts/literata-400i-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }

@font-face{ font-family:"IBM Plex Sans"; font-style:normal; font-weight:400;
  font-display:swap; src:url("../fonts/plex-sans-400-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }
@font-face{ font-family:"IBM Plex Sans"; font-style:normal; font-weight:500;
  font-display:swap; src:url("../fonts/plex-sans-500-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }
@font-face{ font-family:"IBM Plex Sans"; font-style:normal; font-weight:600;
  font-display:swap; src:url("../fonts/plex-sans-600-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }
@font-face{ font-family:"IBM Plex Sans"; font-style:normal; font-weight:700;
  font-display:swap; src:url("../fonts/plex-sans-700-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }

@font-face{ font-family:"IBM Plex Mono"; font-style:normal; font-weight:400;
  font-display:swap; src:url("../fonts/plex-mono-400-cyrl.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0400-045F,U+2000-206F,U+2116; }