$fw-p: $fw-regular !default;
$fw-p-s: $fw-regular !default;
$fw-p-l: $fw-regular !default;

$fs-p-s: calc(1.5rem * 0.85 * var(--font-size-ratio, 1)) !default;
$fs-p-l: calc(1.5rem * 1.2 * var(--font-size-ratio, 1)) !default;

$lh-p: unset !default;
$lh-p-s: $lh-p !default;
$lh-p-l: $lh-p !default;

$fs-p-md: $fs-p !default;

@mixin p {
  font-size: $fs-p;
  font-weight: $fw-p;
  line-height: $lh-p;
  @include bp("md") {
    font-size: $fs-p-md;
  }
}

@mixin p-small {
  font-size: $fs-p-s;
  font-weight: $fw-p-s;
  line-height: $lh-p-s;
}

@mixin p-large {
  font-size: $fs-p-l;
  font-weight: $fw-p-l;
  line-height: $lh-p-l;
  @include bp("md") {
    font-size: $fs-p-md;
  }
}

@mixin price-strike {
  position: relative;

  &::after {
    content: "";
    width: 2.5em;
    height: 1px;
    transform: translate(-50%, -50%) rotate(-25deg);
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: $col-text;
  }
}
