Как работают функции calc(), var(), clamp() и как они могут быть полезны для динамического расчета значений?

CSS-функции позволяют выполнять динамические вычисления и задавать гибкие стили. 

calc() полезен для смешивания единиц, например:

width: calc(100% - 2rem);

var() используется для работы с CSS-переменными, что позволяет переопределять значения в разных местах:

--main-color: #3498db; 
background-color: var(--main-color);

clamp() позволяет задавать значение, которое будет варьироваться в заданных пределах, например:

font-size: clamp(1rem, 2vw + 1rem, 2.5rem);

Это полезно для создания адаптивных интерфейсов.