@import "modularscale-sass/stylesheets/modularscale";

//
// Font stacks
//
$font-family-serif: FreightTextPro, Georgia, Times, "Times New Roman", serif;
$font-family-sans-serif: FFMarkWebProBook, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-sans-serif-bold: FFMarkWebProBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-sans-serif-heavy: FFMarkWebProHeavy, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-icons: FFMarkWebProHeavy, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-monospace: HackRegular, "Monaco", "Courier New", monospace;

//
// Base values
//

// The font size set on the root html element.
$font-size-base: 1rem; // 16px

// The companion font size to create a modular scale.
$companion-font-size: 1.3125rem; // 21px

// Setting up a modular scale. You can see its values here:
// www.modularscale.com/?16,21&px&1.2
$modularscale: (
  base: $font-size-base $companion-font-size,
  ratio: $minor-third,
);

// The length unit in which to output vertical rhythm values.
$base-unit: "rem";

// The default font family.
$base-font-family: $font-family-serif;

// REFACTORING

$font-size-xxs: ms(-2); // 10px
$font-size-xs: ms(-1); // 14px
$font-size-base: ms(0); // 16px
$font-size-sm: ms(2); // 19px
$font-size-md: ms(4); // 14px
$font-size-lg: ms(6); // 24px
$font-size-xl: ms(8); // 32px
$font-size-xxl: ms(10); // 39px
$font-size-xxxl: ms(12); // 47px
$font-size-xxxxl: ms(16); // 68px

$paragraph-line-height: 1.52;
$paragraph-line-height-sm: 1.3;

$heading-line-height: 1.2;
$heading-line-height-sm: 1.07;