@use "@beeline/design-tokens/scss/iconfont/iconfont" with (
  $font-path-iconfont: '/fonts/iconfont'
);
@use "@beeline/design-tokens/scss/iconfont/icons";

$font-path-beeline-sans: '/fonts/beeline-sans' !default;

@mixin beeline-sans-font($type, $weight, $style: normal) {
  @font-face {
    font-family: "Beeline Sans";
    src:url('#{$font-path-beeline-sans}/BeelineSans-#{$type}.woff2') format('woff2'),
		url('#{$font-path-beeline-sans}/BeelineSans-#{$type}.woff') format('woff'),
		url('#{$font-path-beeline-sans}/BeelineSans-#{$type}.ttf') format('truetype');
    font-weight: $weight;
    font-style: $style;
  }
}

@mixin beeline-sans-font-pair($type, $weight) {
  @include beeline-sans-font($type, $weight);
  
}

@include beeline-sans-font-pair(Regular, 400);

@include beeline-sans-font-pair(Medium, 500);

@include beeline-sans-font-pair(Bold, 700);

@include beeline-sans-font-pair(Black, 900);

$font-path-roboto-mono: '/fonts/roboto-mono' !default;

@mixin roboto-mono-font($type, $weight, $style: normal) {
  @font-face {
    font-family: "Roboto Mono";
    src:url('#{$font-path-roboto-mono}/RobotoMono-#{$type}.woff2') format('woff2'),
		url('#{$font-path-roboto-mono}/RobotoMono-#{$type}.woff') format('woff'),
		url('#{$font-path-roboto-mono}/RobotoMono-#{$type}.ttf') format('truetype');
    font-weight: $weight;
    font-style: $style;
  }
}

@mixin roboto-mono-font-pair($type, $weight) {
  @include roboto-mono-font($type, $weight);
  
}

@include roboto-mono-font-pair(Light, 300);

@include roboto-mono-font-pair(Regular, 400);

@include roboto-mono-font-pair(Medium, 500);

@include roboto-mono-font-pair(Bold, 700);