<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae non nemo tenetur esse fugit consequuntur ut nisi? Suscipit nemo sit repellendus, porro quia, excepturi similique, inventore quae perferendis cupiditate at.</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae non nemo tenetur esse fugit consequuntur ut nisi? Suscipit nemo sit repellendus, porro quia, excepturi similique, inventore quae perferendis cupiditate at.</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae non nemo tenetur esse fugit consequuntur ut nisi? Suscipit nemo sit repellendus, porro quia, excepturi similique, inventore quae perferendis cupiditate at.</p>

:root {
  --test: green;
}
p {
  background-color: red;
}
p + p {
  background-color: var(--test);
}
p + p + p {
  --test: nonsense;
}

/* PRESENTATIONAL STYLES */
body {
  padding: 3rem;
}

p {
  padding: 1rem;
}