<html>
<head>
<style>
:root { --one: 10px; --two: 20px; }
</style>
<body>
<script>
document.write(document.styleSheets[0].cssRules[0].style.getPropertyValue("--one") + " " + document.styleSheets[0].cssRules[0].style.getPropertyValue("--two"))
</script>
</body>
</html.