@function hover-overlay(
  $base,
  $overlay: var(--interaction-surface),
  $opacity: 0.04
) {
  @return color-mix(in srgb, $base, $overlay $opacity * 100%);
}

@function add-opacity($baseColor, $opacity: 0.04) {
  @return hover-overlay(transparent, $baseColor, $opacity);
}
