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

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');

:root {
    --background: #FFF;
    --font: #000;
    --font-family: "Source Sans Pro", sans-serif;
    --font-family-h1: 'Poppins', sans-serif;
    --font-family-h2: 'Poppins', sans-serif;
    --font-family-h3: 'Poppins', 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: #000000;
	--header-color: #ffffff;
	--header-link: #ffffff;
	--header-logo-width: auto;
	--header-logo-height: 50px;

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

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

	--top-background: #000;
	--top-article-color: #ffffff;
	--top-article-link: #ffffff;
	--top-article-category: #ffffff;

	--bottom-background: #000;
	--bottom-article-color: #ffffff;
	--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: #F40000;

	--article-color: #000;
	--article-link: #000;
	--article-category: #2A47A3;

	--pagination-link: #F40000;

	--sidebar-background: transparent;
	--sidebar-padding: 0;
	--sidebar-color: #2A47A3;
	--sidebar-link: #000;
	--sidebar-article-link: #000;

	--prefooter-background: #000000;
	--prefooter-padding: 2em;
	--prefooter-color: #ffffff;
	--prefooter-link: #ffffff;
	--prefooter-article-link: #ffffff;

	--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: #000000;
	--footer-color: #ffffff;
	--footer-link: #ffffff;

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