:root {
	--light-gray: #F5F5F5;
	--gray: #9196A6;
	--dark-blue: #30445A;
    --main-color: #000;
    --var-red: #CA6A6B;
    --red: #E25458;
    --yellow-text: #F4D39F;
    --yellow: #FFEBC8;
	--hover-border: #F9E5C5;
	--var-background: var(--yellow);
	--nav-background: var(--dark-blue);
	--nav-textcolor: #D7DCE6;
	--nav-fontweight: 500;
	--nav-current-color: var(--var-red);
	--footer-background: var(--dark-blue);
	--footer-textcolor: #A1AAB7;
	--footer-hover-color: #D2D6DF;
	--footer-border: var(--dark-blue);
	--body-bg: var(--dark-blue);
    --serif: 'Source Serif Pro', georgia,serif;
    --sans-serif: -apple-system,BlinkMacSystemFont,"avenir next",avenir,helvetica,"helvetica neue",ubuntu,roboto,noto,"segoe ui",arial,sans-serif;
	--paragraph-font-family: var(--serif);	
	--paragraph-font-size: 18px;
	--emphas-color: var(--dark-blue);
	--heart-bulb-color: #D7DCE6;
}

[data-theme="yellow"] {
	--body-bg: var(--light-gray);
	--nav-background: #FFEBC8;
	--nav-textcolor: var(--dark-blue);
	--nav-fontweight: 600;
	--footer-textcolor: #888D9B;
	--footer-background: var(--light-gray);
	--footer-border: #C9CBD0;
	--footer-hover-color: var(--dark-blue);
	--heart-bulb-color: var(--dark-blue);
}


[data-theme="full-yellow"] {
	--nav-background: #FFEBC8;
	--nav-textcolor: var(--dark-blue);
	--nav-fontweight: 600;
	--footer-textcolor: #888D9B;
	--footer-background: var(--nav-background);
	--footer-border: #A0A0A3;
	--body-bg: var(--nav-background);
	--footer-hover-color: var(--dark-blue);
	--heart-bulb-color: var(--dark-blue);
}

[data-theme="gray"] {
	--body-bg: var(--light-gray);
	--nav-background: var(--light-gray);
	--nav-textcolor: var(--dark-blue);
	--nav-fontweight: 600;
	--footer-textcolor: #888D9B;
	--footer-background: var(--light-gray);
	--footer-border: #C9CBD0;
	--footer-hover-color: var(--dark-blue);
	--heart-bulb-color: var(--dark-blue);
}

[data-theme="search"] {
	--body-bg: var(--light-gray);
	--nav-background: var(--light-gray);
	--nav-textcolor: #666;
	--nav-fontweight: 600;
	--footer-textcolor: #888D9B;
	--footer-background: var(--light-gray);
	--footer-border: #C9CBD0;
	--footer-hover-color: var(--dark-blue);
	--heart-bulb-color: #E25458;
}

[data-theme="white-gray"] {
	--nav-background: #fff;
	--nav-textcolor: #666;
	--nav-fontweight: 600;
	--body-bg: #fff;
	--paragraph-font-family: var(--sans-serif);
	--paragraph-font-size: 16px;
	--emphas-color: var(--dark-blue);
	--footer-textcolor: #888D9B;
	--footer-background: #fff;
	--footer-border: #C9CBD0;
	--footer-hover-color: var(--dark-blue);	
	--heart-bulb-color: #ECC792;
	--nav-current-color: #fff;
}

html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--sans-serif);
	font-size: 16px;
	line-height: 1.3;
	color: var(--main-color);
	background-color: var(--body-bg);
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;*/
	font-weight: 400;
	line-height: 1.2;
}

h1 {
	font-size: 2em;
}

a {
	color: inherit;
}