:root {
	--lilac: #8f493a;
	--skyblue: #c8d9e6;
	--grey: #f5f5f5;
	--grey-light: #777;
	--grey-medium: #555;
	--grey-dark: #1a0e0c;
	--black: #000;
	--beige: #fffcf7;
	--white: #ffffff;
	--green: #67e0a6;
	--green-dark: #173e3e;
	--red: #df0030;
	--red-hover: #b8001d;
	--transparent: transparent;

	--body-padding-top: 0px;
	--body-bg-color: var(--white);

	--primary-color: var(--black);
	--primary-bg-color: var(--black);
	--primary-border-color: var(--grey-dark);
	--primary-bg-color-active: var(--grey-dark);
	--primary-border-color-active: var(--grey-dark);
	--primary-color-outline: var(--grey-dark);

	--btn-border-radius: 4px;

	--btn-regular-color: var(--white);
	--btn-regular-bg-color: var(--grey-medium);
	--btn-regular-border-color: var(--grey-medium);
	--btn-regular-color-outline: var(--black);
	--btn-regular-color-active: var(--white);
	--btn-regular-bg-color-active: var(--grey-medium);
	--btn-regular-border-color-active: var(--grey-medium);
	--btn-regular-color-outline-active: var(--white);

	--btn-primary-color: var(--white);
	--btn-primary-bg-color: var(--black);
	--btn-primary-border-color: var(--black);
	--btn-primary-color-outline: var(--grey-medium);
	--btn-primary-color-active: var(--white);
	--btn-primary-bg-color-active: var(--black);
	--btn-primary-border-color-active: var(--black);
	--btn-primary-color-outline-active: var(--white);

	--btn-success-color: var(--green-dark);
	--btn-success-bg-color: var(--green);
	--btn-success-border-color: var(--green);
	--btn-success-color-outline: var(--green);
	--btn-success-color-active: var(--green-dark);
	--btn-success-bg-color-active: var(--green);
	--btn-success-border-color-active: var(--green);
	--btn-success-color-outline-active: var(--green-dark);

	--btn-navbar-color: var(--white);
	--btn-navbar-bg-color: #BE3B57;
	--btn-navbar-border-color: #BE3B57;
	--btn-navbar-color-outline: #A2324A;
	--btn-navbar-color-active: var(--white);
	--btn-navbar-bg-color-active: #A2324A;
	--btn-navbar-border-color-active: #A2324A;
	--btn-navbar-color-outline-active: var(--white);

	--text-color: #1a0e0c;
	--h1-text-color: #1a0e0c;
	--h-text-color: #1a0e0c;

	--footer-bg-color: var(--white);
	--footer-hr-color: var(--grey-medium);
	--footer-text-color: var(--grey-medium);

	--link-color: #2f4156;
	--link-hover-color: #2f4156;

	--section-hero-bg-color: var(--black);
	--section-hero-text-color: var(--white);
	--section-hero-text-color-negative: var(--black);

	--section-main-bg-image: url('../images/pattern.png');

	--navbar-logo-color: var(--transparent);
	--navbar-logo-width: 240px;
	--navbar-logo-height: 89px;
	--navbar-logo-bg-image: url('../images/logo_dark.png');
	--navbar-logo-bg-image-w: url('../images/logo_white.png');
	--navbar-logo-mobile-bg-image: url('../images/logo_dark.png');
	--navbar-logo-mobile-bg-image-w: url('../images/logo_white.png');
	--navbar-logo-mobile-width: 102px;
	--navbar-logo-mobile-height: 60px;
	--navbar-logo-mobile-square-bg-image: url('../images/logo_dark_square.png');
	--navbar-logo-mobile-square-bg-image-w: url('../images/logo_white_square.png');
	--navbar-logo-mobile-square-width: 60px;
	--navbar-logo-mobile-square-height: 60px;

	--navbar-desktop-color: #1a0e0c;
	--navbar-desktop-color-hover: #c57665;
	--navbar-desktop-color-active: var(--black);
	--navbar-desktop-bg-color: var(--white);
	--navbar-desktop-bg-open-color: var(--white);
	--navbar-desktop-border-color: #DDDDDD;
	--navbar-desktop-top: 0;
	--navbar-desktop-height: 100px;

	--navbar-mobile-bg-color: var(--white);
	--navbar-mobile-bg-open-color: var(--grey-dark);

	--navbar-slide-menu: var(--white);

	--hamburger-bg-color: var(--black);

	--bg-background-url: url('https://3qzn7l2teepp1p3jkj296vhf-wpengine.netdna-ssl.com/wp-content/uploads/2020/03/wt.jpg');

	--overlay-bg-color: rgba(0, 0, 0, 0.6);
}

@media(max-width:992px) {
	:root {
		--navbar-logo-height: 60px;
	}
	.navbar-logo {
		width: 100%;
	}
}