Použití proměnné v CSS

Tento odstavec má mít velikost písma z proměnné --pismo, takže 18 pixelů.

Tento druhý odstavec má mít barvu z proměnné --barva, takže zelená.

Použil jsem tento CSS kód:

html {
    --pismo: 18px;
    --barva: green;
}
p.prvni {
    font-size: var(--pismo);
}
p.druhy{
    color: var(--barva);
}