@use 'sass:string';
@use '../base/maps/tokens' as *;

// Columns spacing
@function brandui-col-spacing($num) {
	@return calc((#{$brandui-content-max} / 12) * #{$num});
}

@function with-opacity($color-var, $opacity-percent) {
	// If you want 10% visible (0.1), you need 90% transparent.
	// This logic assumes you pass '10' to get 10% visibility.
	$transparency: 100 - $opacity-percent;
	$color-mix-string: 'color-mix(in srgb, #{$color-var}, transparent #{$transparency}%)';

	@return string.unquote($color-mix-string);
}