:root {
	--color-primary: #353531;
	--color-primary-dark: #40403b;
	--color-primary-light: #55554e;
}

:root {
	--color-secondary: #38a3a5;
	--color-secondary-dark: #2f8789;
	--color-secondary-light: #3eb4b6;
}

:root {
	--color-black: #353535;
	--color-silver: #808080;
	--color-slate: #5f5f5f;
	--color-steel: #4d4d4d;
}

:root {
	--color-dark-smoke: #d8d8d8;
	--color-extra-dark-smoke: #bdbdbd;
	--color-smoke: #e4e4e4;
}

:root {
	--color-dark-snow: #f5f5f5;
	--color-extra-dark-snow: #eeeeee;
	--color-snow: #f8f8f8;
}

:root {
	--color-bright: #ffffff;
	--color-dark: #000000;
	--dimmer: rgba(0, 0, 0, .2);
	--dimmer-bright: rgba(255, 255, 255, .75);
	--dimmer-dark: rgba(0, 0, 0, .55);
}

:root {
	--font-headlines: "Roboto Condensed", sans-serif;
	--font-text: "Helvetica", sans-serif;
}

:root {
	--fontweight-bold: 700;
	--fontweight-extrabold: 800;
	--fontweight-light: 300;
	--fontweight-medium: 500;
	--fontweight-regular: 400;
	--fontweight-semibold: 600;
}

:root {
	--font-large: var(--fontweight-regular) 1rem/1.8em var(--font-text);
	--font-main-menu: var(--fontweight-regular) 1.133rem/1.75em var(--font-headlines);
	--font-normal: var(--fontweight-regular) .933rem/1.8em var(--font-text);
	--font-small: var(--fontweight-regular) .866rem/1.8em var(--font-text);
	--font-tiny: var(--fontweight-regular) .8rem/1.8em var(--font-text);
	--h1: var(--fontweight-bold) 2.8rem/1.565em var(--font-headlines);
	--h2: var(--fontweight-bold) 2rem/1.632em var(--font-headlines);
	--h3: var(--fontweight-bold) 1.666rem/1.677em var(--font-headlines);
	--h4: var(--fontweight-bold) 1.466rem/1.72em var(--font-headlines);
	--h5: var(--fontweight-bold) 1.133rem/1.75em var(--font-headlines);
	--h6: var(--fontweight-bold) 1rem/1.8em var(--font-text);
}

:root {
	--hero-height-large: 80;
	--hero-height-small: 80;
	--main-width: 1360px;
	--max-main-width: 90%;
	--page-header-height: 116px;
	--quick-booker-height: 123px;
	--vh-1: 1vh;
}