Темизация при помощи css-переменных

В некоторых случаях вместо готовых css-классов допускается использование css-переменных.

Пример использования для отступов:

/* CSS */
.myBlock {
    padding-left: var(--offset_m);
    padding-right: var(--offset_s);
}

Далее представлен пример использования css-переменных для цвета текста. В данном случае вместо css-переменной можно использовать готовый css-класс. Это позволит уменьшить количество css-кода на странице.

/* CSS */
.myBlock {
    color: var(--secondary_text_color);
}