:root {
	--main-image: url('https://common.healthyhappyactive.co.uk/assets/images/login_back.png');
	--main-overlay: url('https://common.healthyhappyactive.co.uk/assets/images/background_overlay.svg');
    --main-colour: #2FA1CE;
    --main-colour-2: #297FE6;
    --main-colour-3:  #274ADB;
    --main-colour-4:  #29E2E6;
    --main-accent-2: rgba(47, 161, 206,0.5);
	--main-accent-3: rgba(47, 161, 206,0.25);
	
	--hha-main-col-1: #006AB3;
	--hha-main-col-1-rgb: 0, 106, 179;
	--hha-main-col-1-25: rgba(var(--hha-main-col-1-rgb),0.25);
	--hha-main-col-1-50: rgba(var(--hha-main-col-1-rgb),0.50);
	--hha-main-col-1-75: rgba(var(--hha-main-col-1-rgb),0.75);

	--hha-main-col-2: #00A0E3;
	--hha-main-col-2-rgb: 0, 160, 227;
	--hha-main-col-2-25: rgba(var(--hha-main-col-2-rgb),0.25);
	--hha-main-col-2-50: rgba(var(--hha-main-col-2-rgb),0.50);
	--hha-main-col-2-75: rgba(var(--hha-main-col-2-rgb),0.75);

	--hha-main-col-3: #03B8ED;
	--hha-main-col-3-rgb: 3, 184, 237;
	--hha-main-col-3-25: rgba(var(--hha-main-col-3-rgb),0.25);
	--hha-main-col-3-50: rgba(var(--hha-main-col-3-rgb),0.50);
	--hha-main-col-3-75: rgba(var(--hha-main-col-3-rgb),0.75);
	--hha-main-col-4: #E5097F;
	--hha-main-col-4-rgb: 229, 9, 127;
	--hha-main-col-4-25: rgba(var(--hha-main-col-4-rgb),0.25);
	--hha-main-col-4-50: rgba(var(--hha-main-col-4-rgb),0.50);
	--hha-main-col-4-75: rgba(var(--hha-main-col-4-rgb),0.75);

	--hha-main-col-5: #FBBA00;
	--hha-main-col-5-rgb: 250, 183, 0;
	--hha-main-col-5-25: rgba(var(--hha-main-col-5-rgb),0.25);
	--hha-main-col-5-50: rgba(var(--hha-main-col-5-rgb),0.50);
	--hha-main-col-5-75: rgba(var(--hha-main-col-5-rgb),0.75);


	
	

	--hha-icon-col-1: #FBBA00;
}

html {
	background-image: var(--main-overlay), var(--main-image);
	background-size: cover, cover;
	background-position:  center center, center center;
	background-repeat: no-repeat;
	background-attachment: fixed, fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}