@use "sass:map";

@use "variables";

@forward "functions/font";

@function get-color-var($name) {
  @return var(--u-color-#{$name}, map.get(variables.$colors, $name));
}

@function get-color-transparency-mix($color, $opacity) {
  @return color-mix(in srgb, $color $opacity, transparent)
}

@function get-shape-corner-var($name) {
  @return var(--u-shape-corner-#{$name}, map.get(variables.$shape-corner, $name));
}

@function get-spacing-var($name) {
  @return var(--u-spacing-#{$name}, map.get(variables.$spacings, $name));
}

@function get-state-layer-opacity-var($name) {
  @return var(--u-state-#{$name}-opacity, map.get(variables.$state-layer-opacity, $name));
}

@function hexToRgbString($hexColor) {
  @return "#{red($hexColor)},#{green($hexColor)},#{blue($hexColor)}";
}