$prefix: null;

@if setting-exists($settings, "prefix") {
  $prefix: "#{settings($settings,"prefix")}-";
}

@mixin default-custom-properties() {
  @if export($output, "default.custom-properties") {
    :root {
      --#{$prefix}space: #{settings($settings, "space")};
      --#{$prefix}border-radius: #{settings($settings, "border-radius")};
      --#{$prefix}font-size: #{settings($settings, "font-size")};
      --#{$prefix}font-size-first: #{settings($settings, "font-size-first")};
      --#{$prefix}line-height: #{settings($settings, "line-height")};
      --#{$prefix}font-family: #{settings($settings, "font-family")};
      --#{$prefix}code-font: #{settings($settings, "code-font")};
      --#{$prefix}content_max-width: #{settings($settings, "content.max-width")};
      --#{$prefix}transition: #{settings($settings, "transition")};
    }
  }
}