The var() CSS function can be used to insert the value of a custom property (sometimes called a "CSS variable") instead of any part of a value of another property....class="header">Header</h1> <p class="text">Text</p> </div> CSS css /* In...blue); } .component .text { color: var(--text-color, black); } /*...