// RIVER Design-System: Preload - Base //

// We setup our minimal base styling and defaults here
// This should follow our desired reset / normalise
// We keep this as minimal as possible while still being helpful


// Output Base Defaults
@if(design-setting('preload') and design-setting('preload.base', false) and type-of(design-map('base')) == 'map') {
    /* RIVER Design-System: Preload - Base */

    // Loop through each selector
    // eg, html, body, etc...
    @each $selector, $values in design-map('base') {
        #{$selector} { // Open Selector
            // Loop through each property
            // eg, font-family, font-size, font-weight, etc...
            @each $property, $value in $values {
                // Apply each property/value pair
                #{$property}: #{design-variable-resolve($value)};
            }
        } // Close Selector
    }

}


// Default Base Output:

// // Base Properties
// html, body {
//     min-height: 100vh;
// }
// html {
//     font-size: design-variable('type.font-size.size-root', 62.5%);
// }
// body {
//     font-family: design-variable('type.font-family.Body', 'type.font-family.primary');
//     font-size: design-variable('type.font-size.Body', 'type.font-size.normal');
//     font-weight: design-variable('type.font-weight.Body', 'type.font-weight.normal');
//     color: design-variable('typography.Body.color', 'colors.grayscale.normal');
//     background-color: design-variable('colors.base.normal');
//     line-height: design-variable('type.line-height.Body', 'type.line-height.normal');
//     letter-spacing: design-variable('type.letter-spacing.Body', 'type.letter-spacing.normal');
//     overflow: auto;
// }