/* ═══════════════════════════════════════════════════════════════════════
   ШРИФТЫ — ПОДКЛЮЧИТЬ ПЕРЕД ЗАПУСКОМ САЙТА

   Сейчас макеты используют шрифты, установленные в macOS. На компьютере
   Артёма всё выглядит как задумано, у посетителя на Windows или Android —
   нет: DIN Condensed подменяется на Arial Narrow, PT Serif на Georgia,
   и вся типографика проекта исчезает. Для сайта, который держится на
   типографике, это не мелочь.

   ЧТО СКАЧАТЬ (всё бесплатно и легально, лицензия SIL OFL):

   1. PT Sans, PT Serif, PT Mono — fonts.google.com или paratype.ru
      Нужны начертания: PT Serif Regular + Bold + Italic,
      PT Sans Regular + Bold, PT Mono Regular.

   2. Замена DIN Condensed. Сам DIN — коммерческая гарнитура Monotype,
      самостоятельно раздавать её с сайта нельзя. Свободные аналоги
      с кириллицей и тем же «дорожным» характером:
        • Oswald  (fonts.google.com) — ближе всего по духу, рекомендую
        • PT Sans Narrow — из того же семейства, что и остальной набор,
          спокойнее и цельнее, но менее плакатный
      Скачать нужные веса, положить в assets/fonts/ в формате woff2.

   3. Подключить: <link rel="stylesheet" href="assets/fonts.css">
      ПЕРЕД topo.css, и в topo.css заменить переменные --din/--serif/--sans/--mono
      так, чтобы самохостинговое семейство стояло ПЕРВЫМ в стеке.

   Пока файлов нет, этот css не подключён — иначе браузер будет впустую
   запрашивать несуществующие woff2 на каждой странице.
   ═══════════════════════════════════════════════════════════════════════ */

@font-face{
  font-family:"AG Display";              /* Oswald или PT Sans Narrow */
  src:url("fonts/ag-display-700.woff2") format("woff2");
  font-weight:700; font-style:normal;
  font-display:swap;                     /* текст виден сразу, без «мигания пустотой» */
  unicode-range:U+0000-00FF,U+0400-04FF,U+2010-2027,U+20BD;
}
@font-face{
  font-family:"AG Serif";                /* PT Serif */
  src:url("fonts/ag-serif-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0400-04FF,U+2010-2027,U+20BD;
}
@font-face{
  font-family:"AG Serif";
  src:url("fonts/ag-serif-700.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0400-04FF,U+2010-2027,U+20BD;
}
@font-face{
  font-family:"AG Sans";                 /* PT Sans */
  src:url("fonts/ag-sans-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0400-04FF,U+2010-2027,U+20BD;
}
@font-face{
  font-family:"AG Sans";
  src:url("fonts/ag-sans-700.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0400-04FF,U+2010-2027,U+20BD;
}
@font-face{
  font-family:"AG Mono";                 /* PT Mono */
  src:url("fonts/ag-mono-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0400-04FF,U+2010-2027,U+20BD;
}

/* После того как файлы лягут в assets/fonts/, эти строки перекроют
   переменные системы — трогать topo.css не придётся. */
:root{
  --din:"AG Display","Oswald","PT Sans Narrow","DIN Condensed","Arial Narrow",sans-serif;
  --serif:"AG Serif","PT Serif",Georgia,serif;
  --sans:"AG Sans","PT Sans","Helvetica Neue",Helvetica,sans-serif;
  --mono:"AG Mono","PT Mono",Menlo,Monaco,monospace;
}