<html>
<head>
<style>
:root {
--red: #ff4842;
--green: #00ab55;
--white: #ffffff;
}
h1 {
background-color: var(--green);
color: var(--white);
}
p{
color: var(--red);
}
</style>
</head>
<body>
<h1>Using the var() Function</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p>
</body>
</html>