Create a custom CSS Variable

Чтобы создать переменную CSS, вам просто нужно дать ей имя с двумя знаками -- перед ним и присвоить ему значение подобное этому:

--penguin-skin: gray; 
Это создаст переменную с именем --penguin-skin и присвоит ей значение gray. Теперь вы можете использовать эту переменную в другом месте вашего CSS, чтобы изменить значение других элементов на серый.

В классе penguin создайте переменное имя --penguin-skin и придайте ему значение gray