<h1>My text color is defined by a fallback unless a custom property is defined</h1>

/* Un-comment this block to see the text change to purple */
/*:root {
  --text-color: rebeccapurple;
}*/

h1 {
  color: var(--text-color, royalblue);
}