/**  **/
@import "tpl.vars.css";
:root {
	--tpl-heading-light: darken(#fff,10%);
}

html, body {
	font-family: var(--tpl-global-font-family);
	font-size: var(--tpl-global-fontsize);
	color: var(--tpl-global-color);
	background: var(--tpl-body-bg);
}
body h1, body .uk-h1, body h2, body .uk-h2, 
body h3, body .uk-h3, body h4, body .uk-h4, 
body h5, body .uk-h5, body h6, body .uk-h6 {
	font-family: var(--tpl-heading-font-family);
	color: var(--tpl-heading-color);
}

body .uk-light h1, body .uk-light .uk-h1, body .uk-light h2, body .uk-light .uk-h2, 
body .uk-light h3, body .uk-light .uk-h3, body .uk-light h4, body .uk-light .uk-h4, 
body .uk-light h5, body .uk-light .uk-h5, body .uk-light h6, body .uk-light .uk-h6 {
	color: var(--tpl-heading-light);
}

div.toolbar-container {
	background: var(--tpl-toolbar-bg);
	color: var(--tpl-toolbar-color);
}
footer#footer {
	background: var(--tpl-footer-bg);
}
/** Navbar **/
.uk-navbar-container {
	background: var(--tpl-navbar-bg);
	color: var(--tpl-navbar-color);
}
.uk-navbar-container .uk-navbar-nav > li > a, 
.uk-navbar-container .uk-navbar-item, .uk-navbar-toggle {
	font-size: var(--tpl-navbar-nav-item-font-size);
}
.uk-navbar-container .uk-navbar-nav > li > a {
	color: var(--tpl-navbar-item-color);
	text-transform: var(--tpl-navbar-nav-item-text-transform);	
}
.uk-navbar-container .uk-navbar-nav > li:hover > a, 
.uk-navbar-container .uk-navbar-nav > li > a[aria-expanded="true"] {
  color: var(--tpl-navbar-nav-item-hover-color);
}
.uk-navbar-container .uk-navbar-nav > li.uk-active > a {
	color: var(--tpl-navbar-nav-item-active-color);
}
/** временно, для css **/