// Font declarations
// --------------------------------------------------


// --------------------------------------------------
// Font declarations
// --------------------------------------------------
// @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700');

@font-face {
	font-family: 'Roboto-Regular';
	src: url('fonts/Roboto-Regular.eot');
	src: local('☺'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('fonts/Roboto-Bold.eot');
	src: local('☺'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Italic';
	src: url('fonts/Roboto-Italic.eot');
	src: local('☺'), url('fonts/Roboto-Italic.woff') format('woff'), url('fonts/Roboto-Italic.ttf') format('truetype'), url('fonts/Roboto-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

// --------------------------------------------------

// --------------------------------------------------
// Font family
// --------------------------------------------------
@title-family: 'Roboto-Regular', sans-serif;
@body-family: 'Roboto-Regular', sans-serif;
@btn-family: 'Roboto-Regular', sans-serif;
// --------------------------------------------------

// --------------------------------------------------
// Font weights
// --------------------------------------------------
@font-weight-light: 300;
@font-weight-regular: 400;
@font-weight-bold: 700;

// 100	Thin (Hairline)
// 200	Extra Light (Ultra Light)
// 300	Light
// 400	Normal
// 500	Medium
// 600	Semi Bold (Demi Bold)
// 700	Bold
// 800	Extra Bold (Ultra Bold)
// 900	Black (Heavy)

// Line heights
// --------------------------------------------------
@title-line-height: 1.2;
@body-line-height: 1.3;
@btn-line-height: 1.5;

// Globals
// --------------------------------------------------
@body-size: 18px; 
@body-weight: @font-weight-regular;

@instruction-size: @body-size;
@instruction-family: @body-family;
@instruction-weight: @font-weight-regular;
@instruction-line-height: @body-line-height;
@instruction-font-style: italic;

@btn-size: @body-size;
@btn-weight: @font-weight-regular;
@btn-letter-spacing: normal;

@icon-size: 1.5rem;
@icon-weight: @font-weight-regular;
@icon-line-height: 1;

@link-size: @body-size;
@link-family: @body-family;
@link-weight: @font-weight-regular;
@link-line-height: @body-line-height;

// Menu header
// --------------------------------------------------
@menu-title-size: 3rem;
@menu-title-family: @title-family;
@menu-title-weight: @font-weight-regular;
@menu-title-line-height: @title-line-height;
@menu-title-mobile-percentage: .75;
@menu-title-letter-spacing: normal;

@menu-subtitle-size: 2rem;
@menu-subtitle-family: @title-family;
@menu-subtitle-weight: @font-weight-light;
@menu-subtitle-line-height: @title-line-height;
@menu-subtitle-mobile-percentage: .75;
@menu-subtitle-letter-spacing: normal;

@menu-body-size: 1.25rem;
@menu-body-family: @body-family;
@menu-body-weight: @font-weight-regular;
@menu-body-line-height: @body-line-height;

@menu-instruction-size: @menu-body-size;
@menu-instruction-family: @body-family;
@menu-instruction-weight: @font-weight-regular;
@menu-instruction-line-height: @body-line-height;
@menu-instruction-font-style: @instruction-font-style;

// Menu item
// --------------------------------------------------
@menu-item-title-size: 1.25rem;
@menu-item-title-family: @title-family;
@menu-item-title-weight: @font-weight-regular;
@menu-item-title-line-height: @title-line-height;
@menu-item-title-letter-spacing: normal;

@menu-item-body-size: @body-size;
@menu-item-body-family: @body-family;
@menu-item-body-weight: @font-weight-light;
@menu-item-body-line-height: @body-line-height;

// Page header
// --------------------------------------------------
@page-title-size: 3rem;
@page-title-family: @title-family;
@page-title-weight: @font-weight-regular;
@page-title-line-height: @title-line-height;
@page-title-mobile-percentage: .75;
@page-title-letter-spacing: normal;

@page-subtitle-size: 2rem;
@page-subtitle-family: @title-family;
@page-subtitle-weight: @font-weight-light;
@page-subtitle-line-height: @title-line-height;
@page-subtitle-mobile-percentage: .75;
@page-subtitle-letter-spacing: normal;

@page-body-size: 1.25rem;
@page-body-family: @body-family;
@page-body-weight: @font-weight-regular;
@page-body-line-height: @body-line-height;

@page-instruction-size: @page-body-size;
@page-instruction-family: @body-family;
@page-instruction-weight: @font-weight-regular;
@page-instruction-line-height: @body-line-height;
@page-instruction-font-style: @instruction-font-style;

// Page
// --------------------------------------------------
@article-title-size: 2.5rem;
@article-title-family: @title-family;
@article-title-weight: @font-weight-regular;
@article-title-line-height: @title-line-height;
@article-title-mobile-percentage: .75;
@article-title-letter-spacing: normal;

@block-title-size: 2.5rem;
@block-title-family: @title-family;
@block-title-weight: @font-weight-regular;
@block-title-line-height: @title-line-height;
@block-title-mobile-percentage: .75;
@block-title-letter-spacing: normal;

@component-title-size: 22px;
@component-title-family: @title-family;
@component-title-weight: 600;
@component-title-line-height: @title-line-height;
@component-title-mobile-percentage: .75;
@component-title-letter-spacing: normal;

@notify-title-size: 2.5rem;
@notify-title-family: @title-family;
@notify-title-weight: @font-weight-regular;
@notify-title-line-height: @title-line-height;
@notify-title-mobile-percentage: .75;
@notify-title-letter-spacing: normal;

@item-title-size: 1.25rem;
@item-title-family: @title-family;
@item-title-weight: @font-weight-regular;
@item-title-line-height: @title-line-height;
@item-title-letter-spacing: normal;

// Pull quote
// --------------------------------------------------
@pull-quote-title-size: 1.25rem;
@pull-quote-title-family: @title-family;
@pull-quote-title-weight: @font-weight-regular;
@pull-quote-title-line-height: @title-line-height;
@pull-quote-font-style: italic;
@pull-quote-letter-spacing: normal;

@pull-quote-body-size: 1rem;
@pull-quote-body-family: @body-family;
@pull-quote-body-weight: @font-weight-bold;
@pull-quote-body-line-height: @body-line-height;

// Drawer
// --------------------------------------------------
@drawer-item-title-size: 1rem;
@drawer-item-title-family: @title-family;
@drawer-item-title-weight: @font-weight-regular;
@drawer-item-title-line-height: @title-line-height;
@drawer-item-title-letter-spacing: normal;

@drawer-item-body-size: 0.875rem;
@drawer-item-body-family: @body-family;
@drawer-item-body-weight: @font-weight-regular;
@drawer-item-body-line-height: @body-line-height;

@resources-filter-btn-size: 1rem;
@resources-filter-btn-family: @btn-family;
@resources-filter-btn-weight: @font-weight-regular;
@resources-filter-btn-line-height: @body-line-height;
