<html>
<head>
<style>
:root { --one: 20px; --another: 10px var(--one) 30px; }
</style>
<body>
<script>
document.write(getComputedStyle(document.documentElement).getPropertyValue("--another"))
</script>
</body>
</html>