:root {
	--Brackground: #000000;
	--Surface: #FFFFFF;
	
	--Primary-On-Background: #75D3F4
	--Primary-On-Surface: #021130;
	--Secondary-On-Background: AAB8D7;
	--Secondary-On-Surface: #222d44;
	
	--On-Surface: #000000;
	--On-Background: #000000;
	--On-Primary: #FFFFFF;
	--On-Secondary: #FFFFFF;

	--Navbar-Background: #000000;
	--Navbar-Title: #75D3F4;
	--Navbar-Button-Background-Active: #75D3F4;
	--Navbar-Button-Background-Default: #000000;
	--Navbar-Button-Text-Active: #FFFFFF;
	--Navbar-Button-Text-Default: #75D3F4;

	--Button-Background-Active: #1352A0;
	--Button-Background-Default: #76CC00;
	--Button-Text-Active: #000000;
	--Button-Text-Default: #75D3F4;
}

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

.xyclone-logo {
	background-image: url('../icons/space/portfolio/xyclonedesigns.svg');
}
.xyclone-navbar-toggler {
	background-image: url('../icons/space/portfolio/hamburger.svg');
}