You can update a CSS variable on any element and any selectors that are inside of that element with JS.
First use labels and inputs. Use variables to declare your CSS. Add eventListeners and querySelector to handle the update changes from the inputs.
