/* --------------------------------------------------------------------------------------------------------------------------------------------------
SKIN.LESS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');

:root {
	--background: #FFF;

	--font: #000;
	--font-family: -apple-system, SF Pro Text, HelveticaNeue, Helvetica, Arial, sans-serif;
	--font-family-h1: "Noto Serif", -apple-system, SF Pro Text, HelveticaNeue, Helvetica, Arial, sans-serif;
	--font-family-h2: -apple-system, SF Pro Text, HelveticaNeue, Helvetica, Arial, sans-serif;
	--font-family-h3: -apple-system, SF Pro Text, HelveticaNeue, Helvetica, Arial, sans-serif;

	--link: #F40000;
	--link-hover: #F60000;
	--link-visited: #F40000;
	--link-decoration: none;
	--link-decoration-hover: underline;

	--color-primary: transparent;
	--color-secondary: transparent;
	--color-grey: #505050;
	--color-light-grey: #EFEFEF;

	--header-background: #FFF;
	--header-color: #000;
	--header-link: #52527a;
	--header-logo-width: auto;
	--header-logo-height: 70px;

	--tray: #000;
	--tray-link: #FFF;

	--smallnav-background: #FFF;
	--smallnav-link: #F40000;

	--top-background: #52527a;
	--top-article-color: #e0e0eb;
	--top-article-link: #ffffff;
	--top-article-category: #ffffff;

	--bottom-background: #52527a;
	--bottom-article-color: #e0e0eb;
	--bottom-article-link: #ffffff;
	--bottom-article-category: #ffffff;

	--main-background: #FFF;

	--content-background: transparent;
	--content-padding: 0;
	--content-color: #000;
	--content-link: #F40000;
	--content-h1: #000;
	--content-h2: #000;
	--content-h3: #000;
	--content-h3: #000;
	--content-perex-border: #52527a;

	--article-color: #000;
	--article-link: #52527a;
	--article-category: #52527a;

	--pagination-link: #52527a;

	--sidebar-background: transparent;
	--sidebar-padding: 0;
	--sidebar-color: #000;
	--sidebar-link: #52527a;
	--sidebar-article-link: #52527a;

	--nav-icon: #A0A0A0;
	--nav-icon-hover: #F40000;
	--tags-icon: #A0A0A0;
	--tags-icon-hover: #F40000;
	--authors-icon: #A0A0A0;
	--authors-icon-hover: #F40000;
	--promo-icon: #A0A0A0;
	--promo-icon-hover: #F40000;
	--promo-title: #F40000;
	--promo-description: #7F7F7F;

	--footer-background: #14141f;
	--footer-color: #d1d1e0;
	--footer-link: #ffffff;

	--popup-background: #000;
	--popup-color: #FFF;
	--popup-link: #F40000;
}