@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;0,600;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');


:root {

	--color-content-bg: #ffffff;
	--color-first: #4d4d4d;
	--color-second: #3a5724;
	--color-third: #3a5724;
	--color-third-text: #fec702;
	--color-third-hover: #3a5724;
	--color-third-text-hover: #ffffff;
	--color-fourth: #fec702;
	--color-fourth-text: #ffffff;
	--color-fourth-hover: #ff9d1a;
	--color-fourth-text-hover: #ffffff;
	--color-list-bg: #ebeee9;
	--color-body-bg: #ececec;
	--color-header-bg: #ffffff;
	--color-header-text: #4d4d4d;
	--color-header: #3a5724;
	--color-header-hover: #fec702;
	--color-header-sub-line: #3a5724;
	--color-list-title: #3a5724;
	--color-list-title-hover: #fec702;
	--color-list-text: #4d4d4d;
	--color-list-link: #3a5724;
	--color-list-button-bg: #3a5724;
	--color-list-button-bg-hover: #3a5724;
	--color-list-button-text: #fec702;
	--color-list-button-text-hover: #ffffff;
	--color-footer-bg: #3a5724;
	--color-footer: #fec702;
	--color-footer-second: #3a5724;
	--color-footer-input-bg: #ffffff;
	--color-footer-input-text: #555555;
	--color-footer-input-error: rgb(220, 53, 69);
	--color-input-bg: #ffffff;
	--color-input-text: #4d4d4d;
	--color-input-border: #4d4d4d;
	--color-input-error: rgb(220, 53, 69);
	--color-custom-button-bg: #fec702;
	--color-custom-button-bg-hover: #ff9d1a;
	--color-custom-button-text: #ffffff;
	--color-custom-button-text-hover: #ffffff;
	--color-banner-bg: #ebeee9;
	--color-banner-text: #4d4d4d;
	--font-headline-weight: 600;
	--font-menu-button-weight: 700;
	--font-content-weight: 400;
	--font-headline-transform: uppercase;
	--font-menu-button-transform: uppercase;

	--font-headline-family: "Barlow Condensed", sans-serif;
	--font-menu-button-family: "Barlow Semi Condensed", sans-serif;
	--font-content-family: "Open Sans", sans-serif;

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

	--button-shadow-color: #00000080;
	--list-shadow-color: #01010140;

	--overlay-color: #00000080;
}