<style>
    :root {
        {{ range $colorName, $shades := site.Data.colors }}
            {{ range $shade, $value := $shades }}
                --{{ $colorName }}-{{ $shade }}: {{ $value }};
            {{ end }}
        {{ end }}
    }
</style> 