@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');


:root {

	--color-content-bg: rgb(255, 255, 255);
	--color-first: #292929;
	--color-second: #000000;
	--color-third: #F0C100;
	--color-third-text: #000000;
	--color-third-hover: #F0C100;
	--color-third-text-hover: #000000;
	--color-fourth: #FFDE59;
	--color-fourth-text: #000000;
	--color-fourth-hover: #FFD324;
	--color-fourth-text-hover: #000000;
	--color-list-bg: #EAEAEA;
	--color-body-bg: rgb(236, 236, 236);
	--color-header-bg: rgb(255, 255, 255);
	--color-header-text: #292929;
	--color-header: #000000;
	--color-header-hover: #F0C100;
	--color-header-sub-line: #000000;
	--color-list-title: #000000;
	--color-list-title-hover: #F0C100;
	--color-list-text: #292929;
	--color-list-link: #F0C100;
	--color-list-button-bg: #F0C100;
	--color-list-button-bg-hover: #F0C100;
	--color-list-button-text: #000000;
	--color-list-button-text-hover: #000000;
	--color-footer-bg: #0C0C0C;
	--color-footer: #F2F2F2;
	--color-footer-second: #000000;
	--color-footer-input-bg: rgb(255, 255, 255);
	--color-footer-input-text: rgb(85, 85, 85);
	--color-footer-input-border: rgb(85, 85, 85);
	--color-footer-input-error: rgb(220, 53, 69);
	--color-input-bg: rgb(255, 255, 255);
	--color-input-text: #292929;
	--color-input-border: #292929;
	--color-input-error: rgb(220, 53, 69);
	--color-custom-button-bg: #000000;
	--color-custom-button-bg-hover: #000000;
	--color-custom-button-text: #FFFFFF;
	--color-custom-button-text-hover: #FFFFFF;
	--color-cookiebar-bg: rgb(255, 255, 255);
	--color-cookiebar-text: #292929;
	--color-cookiebar-button-bg: #F0C100;
	--color-cookiebar-button-bg-hover: #F0C100;
	--color-cookiebar-button-text: #000000;
	--color-cookiebar-button-text-hover: #000000;
	--color-banner-bg: #EAEAEA;
	--color-banner-text: #292929;
	--font-headline-weight: 400;
	--font-menu-button-weight: 400;
	--font-content-weight: 400;
	--font-headline-transform: none;
	--font-menu-button-transform: uppercase;

	--font-headline-family: "Arimo", sans-serif;
	--font-menu-button-family: "Arimo", sans-serif;
	--font-content-family: "Arimo", sans-serif;

	--button-border-top-left-radius: 4px;
	--button-border-top-right-radius: 4px;
	--button-border-bottom-right-radius: 4px;
	--button-border-bottom-left-radius: 4px;
	--form-border-top-left-radius: 4px;
	--form-border-top-right-radius: 4px;
	--form-border-bottom-right-radius: 4px;
	--form-border-bottom-left-radius: 4px;
	--list-border-top-left-radius: 8px;
	--list-border-top-right-radius: 8px;
	--list-border-bottom-right-radius: 8px;
	--list-border-bottom-left-radius: 8px;


	--overlay-color: rgba(0,0,0,0.5);
}