CSS Custom Properties

        :root {
            --my-color: purple;
        }

        .test {
            background-color: var(--my-color);
        }

        .test-parent {
            --my-color: pink;
        }

    
            .test
This should be purple 
            .test-parent
        
                .test
This should be pink