/*
 * Шрифты сайта — свои файлы, не сторонний CDN.
 *
 * ── Почему не CDN ─────────────────────────────────────────────────────────
 *
 * Каждый шрифт с чужого домена — это лишнее соединение до отрисовки текста и
 * ещё один сервис, от доступности которого зависит вид страницы. На плохой
 * сети это заметная задержка ровно там, где её видно: на заголовке.
 *
 * ── Что за начертания ─────────────────────────────────────────────────────
 *
 * Manrope — заголовки. Геометрический гротеск с узкими апертурами: на крупном
 * размере он держит форму и не расползается, а его округлые формы совпадают с
 * фирменным знаком. Он же стоит в приложении на числах, поэтому сайт и кошелёк
 * выглядят одной вещью.
 *
 * Geist — текст. Спокойный, с широкими просветами, читается на 15–17 px без
 * усилия. Заголовочному шрифту такое не нужно, текстовому — обязательно.
 *
 * Geist Mono — числа. Моноширинный там, где цифры стоят столбиком: курсы,
 * суммы, таблица тарифов. Пропорциональные цифры в столбце пляшут, и колонку
 * невозможно сравнить взглядом.
 *
 * ── Про unicode-range ─────────────────────────────────────────────────────
 *
 * Кириллица и латиница разнесены по разным файлам. Браузер скачивает только те
 * куски, в которых есть символы со страницы: англоязычная версия не тянет
 * кириллицу вовсе. Это примерно 40% веса шрифтов, отданных даром.
 *
 * ── Про font-display: swap ────────────────────────────────────────────────
 *
 * Текст показывается системным шрифтом сразу и подменяется, когда приедет
 * свой. Альтернатива — невидимый текст на время загрузки, и это худший из
 * возможных обменов: страница есть, читать нечего.
 */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;   /* переменный: все веса в одном файле */
  font-display: swap;
  src: url('/fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/geist-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/fonts/geist-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/geist-mono-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/geist-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
