Техническое задание: Пропорциональное изменение размеров шрифтов

Цель проекта

Выполнить глобальное уменьшение размеров всех текстовых элементов на сайте на 20% от их текущих значений. Изменение должно быть пропорциональным, чтобы сохранить визуальную иерархию и соотношение размеров между заголовками, обычным текстом и другими элементами.

Исходные условия

• Сайт построен на конструкторе Elementor.
• Количество страниц значительное.
• На страницах присутствуют текстовые элементы с разным базовым размером (например, 20px, 40px и другие).
• Простое применение единого CSS-правила ко всем элементам <p> не подходит, так как оно делает все шрифты одинакового размера, ломая дизайн.

Требования к реализации

• Размеры всех шрифтов на сайте должны быть уменьшены ровно на 20% от их текущего (исходного) значения.
• Должна сохраниться пропорциональная разница в размерах между элементами разного уровня (например, между основным текстом и крупными заголовками).
• Решение должно быть глобальным и применяться ко всем страницам сайта.
• Предпочтительное решение - использование CSS (например, преобразование `rem`/`em`, применение `scale` к контейнерам или использование `calc()` с переменными), которое корректно работает с Elementor.
• Необходимо обеспечить кроссбраузерную совместимость и адаптивность решения.

Ожидаемый результат

Все текстовые элементы на сайте становятся меньше на 20%, при этом относительные различия в их размерах (иерархия) полностью сохраняются. Сайт остается полностью функциональным и адаптивным.