:root {
	--Brackground: #142020;
	--Surface: #FFFFFF;
	
	--Primary-On-Background: #EE2724;
	--Primary-On-Surface: #EE2724;
	--Secondary-On-Background: #6B7598;
	--Secondary-On-Surface: #6B7598;
	
	--On-Surface: #000000;
	--On-Background: #000000;
	--On-Primary: #FFFFFF;
	--On-Secondary: #FFFFFF;

	--Navbar-Background: #142020;
	--Navbar-Title: #EE2724;
	--Navbar-Button-Background-Active: #EE2724;
	--Navbar-Button-Background-Default: #142020;
	--Navbar-Button-Text-Active: #142020;
	--Navbar-Button-Text-Default: #EE2724;
}

body {
	background-image: url('../images/theme/space/light/branding/landing_background.jpg');
}


.xyclone-logo {
	background-image: url('../icons/space/branding/xyclonedesigns.svg');
}
.xyclone-navbar-toggler {
	background-image: url('../icons/space/branding/hamburger.svg');
}
.xyclone-intro-container-branding {
	color: white;
}
.xyclone-container-branding-visualidentity {
	background-color: #142020;
}
.xyclone-container-branding-digitalmarketing {
	background-color: #C43725;
}
.xyclone-container-branding-printedmarketing {
	background-color: #B6D3BD;
}