* {
    font-family: "Fira Sans";
}

:root {
    /* Размеры шрифтов */
    --font-size-display: 48px; /* Заголовки первого уровня */
    --font-size-heading: 36px; /* Основные заголовки */
    --font-size-subhead: 24px; /* Подзаголовки */
    --font-size-body: 18px; /* Основной текст */
    --font-size-caption: 14px; /* Мелкий текст, подписи */

    /* Насыщенность шрифта */
    --font-weight-bold: 700; /* Жирный (заголовки) */
    --font-weight-regular: 400; /* Обычный (текст) */
    --font-weight-light: 300; /* Светлый (второстепенный текст) */
}

/* Размеры текста */
.text-display {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
}
.text-heading {
    font-size: var(--font-size-heading);
    font-weight: var(--font-weight-bold);
}
.text-subhead {
    font-size: var(--font-size-subhead);
    font-weight: var(--font-weight-regular);
}
.text-body {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
}
.text-caption {
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-light);
}

/* Насыщенность */
.font-bold {
    font-weight: var(--font-weight-bold);
}
.font-regular {
    font-weight: var(--font-weight-regular);
}
.font-light {
    font-weight: var(--font-weight-light);
}