/* ============================================================
   Локальные шрифты — замена Google Fonts.

   Причина замены: запросы к fonts.googleapis.com и
   fonts.gstatic.com уходят с устройства посетителя на серверы
   Google в США и передают туда IP-адрес и данные о браузере.
   Роскомнадзор трактует IP-адрес как персональные данные,
   а такую передачу — как трансграничную (ст. 12 152-ФЗ).

   Как довести до идеала (5 минут):
   1. Скачать woff2:
      Inter            — https://fonts.google.com/specimen/Inter
      Playfair Display — https://fonts.google.com/specimen/Playfair+Display
      Geist Mono       — https://vercel.com/font
   2. Положить файлы в папку /fonts рядом с /css.
   3. Раскомментировать строки url(...) ниже.

   Пока файлов нет, src: local(...) подставляет системные
   шрифты, максимально близкие по рисунку. Сайт выглядит почти
   так же, но ни один байт не уходит за границу.
   ============================================================ */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Inter Light'), local('Segoe UI Light'), local('Roboto Light');
  /* src: url('../fonts/Inter-Light.woff2') format('woff2'); */
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inter'), local('Inter Regular'), local('Segoe UI'), local('Roboto'), local('Helvetica Neue');
  /* src: url('../fonts/Inter-Regular.woff2') format('woff2'); */
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Inter Medium'), local('Segoe UI Semibold'), local('Roboto Medium'), local('Helvetica Neue Medium');
  /* src: url('../fonts/Inter-Medium.woff2') format('woff2'); */
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Inter SemiBold'), local('Segoe UI Semibold'), local('Roboto Medium'), local('Helvetica Neue Bold');
  /* src: url('../fonts/Inter-SemiBold.woff2') format('woff2'); */
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Inter Bold'), local('Segoe UI Bold'), local('Roboto Bold'), local('Helvetica Neue Bold');
  /* src: url('../fonts/Inter-Bold.woff2') format('woff2'); */
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Inter ExtraBold'), local('Inter Bold'), local('Segoe UI Bold'), local('Roboto Black');
  /* src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'); */
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Playfair Display'), local('Georgia'), local('Times New Roman');
  /* src: url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'); */
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Playfair Display SemiBold'), local('Georgia Bold'), local('Georgia');
  /* src: url('../fonts/PlayfairDisplay-SemiBold.woff2') format('woff2'); */
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Playfair Display Bold'), local('Georgia Bold'), local('Georgia');
  /* src: url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2'); */
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Geist Mono'), local('SF Mono'), local('JetBrains Mono'), local('Cascadia Mono'), local('Consolas'), local('DejaVu Sans Mono');
  /* src: url('../fonts/GeistMono-Regular.woff2') format('woff2'); */
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Segoe UI'), local('Helvetica Neue'), local('Arial');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Segoe UI Semibold'), local('Arial');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Segoe UI Bold'), local('Arial Bold');
}