/* ===== fonts.css - ШРИФТЫ ПРОЕКТА ===== */

/*
 * Шрифты подключены одной ссылкой в <head> файла index.html.
 *
 * Здесь стояло двенадцать правил @import. Это худший способ: браузер
 * сначала скачивает этот файл, только потом узнаёт про двенадцать
 * внешних таблиц и тянет их одну за другой, всё это время удерживая
 * отрисовку. Причём из двенадцати семейств размечено ровно три —
 * Manrope, Unbounded и Roboto Condensed; остальные девять скачивались
 * и не использовались нигде, кроме объявлений переменных ниже.
 *
 * Переменные неиспользуемых семейств оставлены и указывают на системный
 * шрифт: если на них где-то сошлются, текст просто возьмёт системный,
 * а не потянет лишний файл с чужого домена.
 */

:root {
    /* Система шрифтов */
    --font-system: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    
    /*
     * Основные.
     *
     * Было Manrope + Unbounded. Оба — сухие геометрические гротески: у
     * Manrope плоские срезы и узкие просветы, Unbounded вдобавок широкий и
     * «технический». Рядом с рисованными кротами и деревянными панелями
     * такой набор читался как интерфейс банковского приложения, о чём
     * владелец и сказал.
     *
     * На референсах (as/4.png, as/5.png) весь текст набран округлым
     * гротеском с мягкими концами штрихов и крупным очком: «Не хватает
     * алмазов!», «MoleHunter», «25 340». Nunito — ближайшее семейство с
     * кириллицей и полным набором весов до 900, поэтому оно и стало
     * основным; заголовки берут тот же шрифт в весе 900, а не отдельное
     * семейство: на кадрах заголовок отличается от текста весом и
     * обводкой, а не рисунком буквы.
     */
    --font-main: 'Nunito', var(--font-system);
    --font-heading: 'Nunito', var(--font-main);
    
    /* Узкие/плотные */
    --font-condensed: 'Roboto Condensed', var(--font-system);
    --font-narrow: var(--font-system);
    --font-oswald: var(--font-system);
    
    /* Не размечены ни в одном стиле — ведут на системный шрифт. */
    --font-ruslan: var(--font-system);
    --font-neucha: var(--font-system);
    --font-mono: ui-monospace, monospace;
    --font-comfortaa: var(--font-system);
    --font-jura: var(--font-system);
    --font-iceberg: var(--font-system);
    --font-kelly: var(--font-system);
    
    /* Алиасы для обратной совместимости */
    --font-1: var(--font-main);
    --font-2: var(--font-heading);
    --font-3: var(--font-condensed);
}