:root {
	--font: "Roboto Condensed", "Arial Narrow", sans-serif !important;
	--font-size: 17px !important;
	--font-color: #050505 !important;
	--background: #fdfdfd !important;
	--background-hover: #fffbf2 !important;
	--line-height: 22px !important;
	--dark: rgba(0, 0, 0, 0.2) !important;
	--darker: rgba(0, 0, 0, 0.4) !important;
	--light: rgba(0, 0, 0, 0.12) !important;
	--lighter: rgba(0, 0, 0, 0.05) !important;
	--color-light: #fff3da !important;
	--color: #fdad00 !important;
	--color-dark: #946700 !important;
	--color-article: #770071 !important;
	--color-news: #00775d !important;
	--color-root: #f886ff !important;
	--green: #77b255 !important;
	--red: #b25555 !important;
	--orange: #b28755 !important;
	--border: 1px solid rgba(0, 0, 0, 0.1) !important;
	--margin: 14px !important;
	--margin-s: 8px !important;
	--border-radius: 6px !important;
}

html.dark {
	--font-color: #ffffff !important;
	--background: #000000 !important;
	--background-hover: #1c1300 !important;
	--border: 1px solid rgba(255, 255, 255, 0.125) !important;
	--color-light: #3b2800 !important;
	--color-dark: #4f3700 !important;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/webfonts/RobotoCondensed-VariableFont_wght.woff2') format('woff2-variations'),
         url('/webfonts/RobotoCondensed-VariableFont_wght.woff2') format('woff2'); 
    font-weight: 100 600;
	font-optical-sizing: auto;
    font-style: normal;
    font-display: swap;
}

@media all and (max-width: 540px) {
	:root {
		--margin: 10px !important;
		--margin-s: 4px !important;
	}
}