//------------------------------------------------------------------------------------------------
// TYPOGRAPHY SIZINGS
//------------------------------------------------------------------------------------------------

/*
Set the base font size and line-height for this project.
*/

@import '../tools/rem';
@import '../tools/colors';

// Body refers to standard, non-header text
$global-body-font: 'Roboto', sans-serif !default;
$global-mobile-body-font-size: 14px !default;
$global-body-font-size: 16px !default;
$global-body-weight: 300 !default;
$global-body-color: black !default;

// Fonts for headers
$global-header-font: 'moderat', sans-serif !default;
$global-header-weight: normal !default;
$global-line-height: 1.5 !default;

// Fonts directory (Relative to main.scss mtanifest)
$global-fonts-path: 'fonts/' !default;

// Stores typography component classes for easy creation and amends
$typography: (
	'alpha': (
		'font-family': $global-header-font,
		'font-size': rem(36px),
		'breakpoints': (
			'md': rem(50px)
		)
	),
	'bravo': (
		'font-family': $global-header-font,
		'font-size': rem(29px),
		'breakpoints': (
			'md': rem(40px)
		)
	),
	'charlie': (
		'font-family': $global-header-font,
		'font-size': rem(25px),
		'breakpoints': (
			'md': rem(34px)
		)
	),
	'delta': (
		'font-family': $global-header-font,
		'font-size': rem(22px),
		'breakpoints': (
			'md': rem(28px)
		)
	),
	'echo': (
		'font-family': $global-header-font,
		'font-size': rem(20px),
		'breakpoints': (
			'md': rem(24px)
		)
	),
	'foxtrot': (
		'font-family': $global-header-font,
		'font-size': rem(18px),
		'breakpoints': (
			'md': rem(22px)
		)
	),
	'smallprint': (
		'font-size': rem(14px),
		'color': color('dark')
	),
	'body': (
		'font-size': $global-body-font-size
	)
) !default;