@use "../mixins/config.scss" as *;

// join var name
// joinVarName(('color', 'fill-1')) => '--s-color-fill-1'
@function joinVarName($list) {
  $name: "--" + $namespace;
  @each $item in $list {
    @if $item != "" {
      $name: $name + "-" + $item;
    }
  }
  @return $name;
}

// getCssVarName('color', 'fill-1') => '--s-color-fill-1'
@function getCssVarName($args...) {
  @return joinVarName($args);
}

// getCssVar('color', 'fill-1') => var(--s-color-fill-1)
@function getCssVar($args...) {
  @return var(#{joinVarName($args)});
}

@function getCssVarRgba($alpha, $args...) {
  // 核心：强制原样输出，SCSS 绝对不会解析
  @return #{"color-mix(in srgb, " var(#{joinVarName($args)}) " " ($alpha * 100%) + ", transparent)"};
}