// Scaling divisor for font-sizes.
// Do not override except in very special cases, like OA.
$font-size-divisor: 14 !default;

@function scale-font-size($size) {
    /* stylelint-disable length-zero-no-unit */
    @return calc($size / $font-size-divisor) + 0rem;
}

$font-family-sans-serif:
    rubik,
    -apple-system,
    blinkmacsystemfont,
    'Segoe UI',
    roboto,
    'Helvetica Neue',
    arial,
    'Noto Sans',
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji';
$font-size-base: scale-font-size(14);
$font-size-lg: scale-font-size(18);
$font-size-sm: scale-font-size(12);
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-bold: 500;
$line-height-base: 1.429; // ~20px ( 14px font-size )
$line-height-sm: 1.5; // ~18px ( 12px font-size )
$h0-font-size: scale-font-size(32);
$h1-font-size: scale-font-size(24);
$h2-font-size: scale-font-size(20);
$h3-font-size: scale-font-size(18);
$h4-font-size: scale-font-size(16);
$h5-font-size: scale-font-size(16);
$h6-font-size: scale-font-size(12);
$h0-line-height: scale-font-size(38);
$h1-line-height: scale-font-size(32);
$h2-line-height: scale-font-size(28);
$h3-line-height: scale-font-size(24);
$h4-line-height: scale-font-size(22);
$h5-line-height: scale-font-size(22);
$h6-line-height: scale-font-size(18);
$h0-font-weight: 400;
$h1-font-weight: 400;
$h2-font-weight: 500;
$h3-font-weight: 400;
$h4-font-weight: 400;
$h5-font-weight: 500;
$h6-font-weight: 500;
$heading-font-sizes: $h1-font-size, $h2-font-size, $h3-font-size, $h4-font-size, $h5-font-size,
    $h6-font-size;
$heading-line-heights: $h1-line-height, $h2-line-height, $h3-line-height, $h4-line-height,
    $h5-line-height, $h6-line-height;
$heading-font-weights: $h1-font-weight, $h2-font-weight, $h3-font-weight, $h4-font-weight,
    $h5-font-weight, $h6-font-weight;

// Legacy vars
$weight-bold: $font-weight-bold;
