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