// RIVER Design-System: Preload - CSS Variables //

// Output our CSS Variables (if enabled)
// This outputs CSS Variables for our Design System under the :root selector


@if(design-setting('variables') and design-setting('variables.output', false)) {
    /* RIVER Design-System: Preload - CSS Variables */

    :root {
        // Loop through each design map
        @each $designMapName, $designMapValues in design-map() {

            // Output if CSS Variables are enabled for the given map
            @if(design-map-setting($designMapName, 'variables')) {
                /* #{$designMapName} */
                @include design-apply-variables($designMapName);
            }

        }
    }
    
}