//mixin
@import './ibmHelvetica.scss';
@import './plex.scss';
@import './fonts.scss';
$_base-root-font-unit: 1rem;
$_base-font-unit: 1em;
@function font-unit($i) {
    @return $i * $_base-root-font-unit;
}

@function line-height-unit($i) {
    @return $i * $_base-root-font-unit;
}

@function letter-spacing-unit($i) {
    @return  $i * $_base-root-font-unit;
}

//export default
// Font family
$font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif !default;
$font-family-helvetica: "Helvetica Neue for IBM", Helvetica, Arial, sans-serif !default;
$font-family-plex-sans: "IBM Plex Sans", Helvetica, Arial, sans-serif !default;
$font-family-plex-sans-condensed: "IBM Plex Sans Condensed", Helvetica, Arial, sans-serif !default;
$font-family-plex-serif: "IBM Plex Serif", Helvetica, Arial, sans-serif !default;
$font-family-plex-mono: "IBM Plex Mono", Helvetica, Arial, sans-serif !default;
// Font weights
$fw-light: 300 !default; // light
$fw-regular: 400 !default; // Regular
$fw-medium: 500 !default; // Medium
$fw-semi-bold: 600 !default; // Semi-Bold
$fw-bold: 700 !default; // Bold
// Font sizes
$heading-size-xl: font-unit(4) !default; // 64px
$heading-size-l: font-unit(3) !default; // 48px
$heading-size-m: font-unit(2) !default; // 32px
$heading-size-s: font-unit(1.5) !default; // 24px
$heading-size-xs: font-unit(1) !default; // 16px
$body-size: font-unit(1) !default; // 16px
$body-size-s: font-unit(0.875) !default; // 14px
$caption-size: font-unit(0.75) !default; // 12px
$heading-line-height-xl: line-height-unit(5.3125) !default; // 85px
$heading-line-height-l: line-height-unit(4.0625) !default; // 65px
$heading-line-height-m: line-height-unit(2.8125) !default; // 45px
$heading-line-height-s: line-height-unit(2.1875) !default; // 35px
$heading-line-height-xs: line-height-unit(1.25) !default; // 20px
$body-line-height: line-height-unit(1.25) !default; // 20px
$body-line-height-s: line-height-unit(1.125) !default; // 18px
$body-letter-spacing-s: letter-spacing-unit(0.02) !default; // 0.16px
$caption-line-height: line-height-unit(1) !default; // 16px
$caption-letter-spacing: letter-spacing-unit(0.04) !default; // 0.32px
//1 = 8px
$icon-size-tiny: size(1.5) !default;
$icon-size-small: size(2) !default;
$icon-size-normal: size(3) !default;
$icon-size-large: size(4) !default;
$icon-size-xlarge: size(8) !default;
$icon-size-xxlarge: size(16) !default;
@mixin typography {
    @include font-face;
    body,
    html {
        font-family: $font-family;
    }
}

@mixin typography-helvetica {
    @include font-face-Helvetica;
}

@mixin typography-plex-Sans {
    @include font-face-Sans;
}

@mixin typography-plex-Sans-Condensed {
    @include font-face-Sans-Condensed;
}

@mixin typography-plex-Serif {
    @include font-face-Serif;
}

@mixin typography-plex-Mono {
    @include font-face-Mono;
}