Почему использовать переменные и семантические стили вроде font-heading-h1, а не просто задать стили для тегов h1/h2 в глобальном CSS?

Токены и семантические классы отделяют визуальную роль текста от HTML-уровня заголовка и позволяют централизованно менять дизайн.

H1/h2 сохраняют структуру документа, но один и тот же уровень может выглядеть по-разному в разных контекстах. Глобальные стили подходят для базовых значений; токены помогают темам и адаптивности. Не меняйте семантический уровень только ради размера шрифта.