:root {
	--primary: 219, 170, 106;
	--white: 255, 255, 255;
	--lightgrey: 229, 233, 236;
	--gold: 219, 170, 106;
	--black: 2, 17, 43;
	--violet: 105, 8, 61;
	--red: 207, 45, 45;
	--grey: 128, 128, 128;
	--box-shadow-small: 0 .5em 2em var(--color--black-fade-10);
	--box-shadow-big: 0 .75em 3em var(--color--black-fade-10);
	--transition: all 500ms cubic-bezier(.23, 1, .32, 1);
	--section-padding-top-bottom-small: 3em;
	--section-padding-left-right-small: 1em;
	--section-padding-top-bottom-big: 4em;
	--section-padding-left-right-big: 3em;
	--background: url('assets/images/hero/keybg_comp.png') no-repeat top center / contain #04193f;
	--background-fade: linear-gradient(to bottom, rgba(1, 20, 49, 0), rgba(25, 88, 132, 1));
	--headlines-text-transform: uppercase;
	--header-background: var(--color--black);
	--header-color: var(--color--white);
	--header-accent-color: var(--color--gold);
	--footer-before: url('assets/images/footer-illustration.svg') no-repeat bottom center / contain;
	--footer-margin-top: 25%;
}