:root {

// Custom variable values only support SassScript inside `#{}`.
@each $color, $value in $colors {
  --#{$variable-prefix}#{$color}: #{$value};
}

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

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

}