// Do not forget to update getting-started/theming.md!
:root {
    // Custom variable values only support SassScript inside `#{}`.
    @each $color, $value in $colors {
        --#{$color}: #{$value};
    }

    @each $color, $value in $theme-colors {
        --#{$color}: #{$value};
    }

    @each $name, $value in $extra-roots {
        --#{$name}: #{$value};
    }

    // Use `inspect` for lists so that quoted items keep the quotes.
    // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
    --font-family-base: #{inspect($font-family-base)};
    --font-family-rtl: #{inspect($font-family-rtl)};
}