:root {
	/* Colors */
	--primary: #4d4d4d;
	--primary-bg: #4d4d4d;
	--primary-dark: #707070;
	--primary-light: #ededed;

	--secondary: #5ac1d0;
	--secondary-bg: #fdc536;
	--secondary-dark: #fdc536;
	--secondary-light: #325b75;

	--tertiary: #ea5736;
	--tertiary-bg: #ea5736;
	--tertiary-dark: #ea5736;
	--tertiary-light: #ea5736;

	--quaternary: #7e89c3;
	--quaternary-bg: #7e89c3;

	--quaternary-dark: #7e89c3;
	--quaternary-light: #7e89c3;

	--quinary: #5ac1d0;
	--quinary-bg: #5ac1d0;
	--quinary-dark: #5ac1d0;
	--quinary-light: #5ac1d0;

	/* Fonts */
	--font-family-heading: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--line-height: 1.5;

	/* Borders */
	--button-border: 2px;
	--dropdown-border: 1px;
	--input-border: 2px;
	--panel-border: 1px;

	/* Radii */
	--button-radius: 1rem;
	--dropdown-radius: 0.25rem;
	--input-radius: 0.25rem;
	--panel-radius: 0.5rem;

	/* Padding */
	--button-padding: 1rem;
	--dropdown-padding: 1rem;
	--input-padding: 1rem;
	--panel-padding: 1rem;

	--navigation-height: 6rem;
}

.title-block {
	background-image: url("assets/title-block.svg");
}

footer.nav-footer::after,
.wave-white::after {
	background-image: url("assets/wave-white-shadow.svg");
}

.wave-grey::after {
	background-image: url("assets/wave-grey.svg");
}
