// Sass function to convert px into rem
@use "sass:math";

// Defining base font size
// The default font size for html is 16px
$base-size: 16;

// Function to convert px value into rem or em

@function px-to-rem($target, $context: $base-size) {
  @return math.div($target, $context) * 1rem;
}

@function px-to-em($target, $context: $base-size) {
  @return math.div($target, $context) * 1em;
}

@function v($var, $fallback: null) {
  @if $fallback {
    @return var(--cp-#{$var}, #{$fallback});
  } @else {
    @return var(--cp-#{$var});
  }
}