$font-path: 'https://www.baloise.ch/app-integration/assets/fonts' !default;

$font-heading-bold-woff: str-insert('/BaloiseCreateHeadline-bold.woff', $font-path, 0);
$font-heading-bold-woff2: str-insert('/BaloiseCreateHeadline-bold.woff2', $font-path, 0);

@font-face {
  font-family: BaloiseCreateHeadline;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local('BaloiseCreateHeadline'),
    local('BaloiseCreateHeadline-bold'),
    url('#{$font-heading-bold-woff2}') format('woff2'),
    url('#{$font-heading-bold-woff}') format('woff');
}

$font-heading-light-woff: str-insert('/BaloiseCreateHeadline-light.woff', $font-path, 0);
$font-heading-light-woff2: str-insert('/BaloiseCreateHeadline-light.woff2', $font-path, 0);

@font-face {
  font-family: BaloiseCreateHeadline;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    local('BaloiseCreateHeadline-light'),
    url('#{$font-heading-light-woff2}') format('woff2'),
    url('#{$font-heading-light-woff}') format('woff');
}

$font-text-bold-woff: str-insert('/BaloiseCreateText-bold.woff', $font-path, 0);
$font-text-bold-woff2: str-insert('/BaloiseCreateText-bold.woff2', $font-path, 0);

@font-face {
  font-family: BaloiseCreateText;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local('BaloiseCreateText-bold'),
    url('#{$font-text-bold-woff2}') format('woff2'),
    url('#{$font-text-bold-woff}') format('woff');
}

$font-text-regular-woff: str-insert('/BaloiseCreateText-regular.woff', $font-path, 0);
$font-text-regular-woff2: str-insert('/BaloiseCreateText-regular.woff2', $font-path, 0);

@font-face {
  font-family: BaloiseCreateText;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local('BaloiseCreateText'),
    local('BaloiseCreateText-regular'),
    url('#{$font-text-regular-woff2}') format('woff2'),
    url('#{$font-text-regular-woff}') format('woff');
}