/*-----------body-----------------------*/
@body-bg-color:				'';
@body-font-family:			'';
@body-font-size:			'';
@body-font-color:			'';
@body-font-weight:			'';
@body-line-height:			'';

/*-----------links----------------------*/
@a-font-size:				'';
@a-font-color:				'';
@a-font-hover-color:		'';

/*----------typography-----------------*/
@h-font-family:				'';
@h-font-color:				'';
@h1-size:					'';
@h2-size:					'';
@h3-size:					'';
@h4-size:					'';
@h5-size:					'';
@h6-size:					'';

/*--body----------------*/
& when not (@body-bg-color = '') {body,#page {background-color: @body-bg-color;}}
& when not (@body-font-family = '') {body {font-family:@body-font-family;}}
& when not (@body-font-size = '') {body {.em(@body-font-size);}}
& when not (@body-font-color = '') {body{color:@body-font-color;}}
& when not (@body-font-weight = '') {body{font-weight:@body-font-weight;}}
& when not (@body-line-height = '') {body{line-height:@body-line-height;}}

/*--link----------------*/
& when not (@a-font-size = '') {a {.em(@a-font-size);}}
& when not (@a-font-color = '') {a {color:@a-font-color;}}
& when not (@a-font-color = '') {a:hover,a:focus {color:@a-font-hover-color;}}

/*--typography----------*/
& when not (@h-font-family = '') {h1, h2, h3, h4, h5, h6{font-family:@h-font-family;}}
& when not (@h-font-color = '') {h1, h2, h3, h4, h5, h6{font-color:@h-font-color;}}
& when not (@h1-size = '') {h1{.em(@h1-font-color);}}
& when not (@h2-size = '') {h1{.em(@h2-font-color);}}
& when not (@h3-size = '') {h1{.em(@h3-font-color);}}
& when not (@h4-size = '') {h1{.em(@h4-font-color);}}
& when not (@h5-size = '') {h1{.em(@h5-font-color);}}
& when not (@h6-size = '') {h1{.em(@h6-font-color);}}