:root{
    
    /*These are the 5 basic colours of the site*/
    --bodybackground: #13293d; /*Colour1*/
    --pagebackground: #e8f1f2; /*Colour5*/
    --footerbackground: #1b98e0; /*Colour4*/
    --infobarbackground: #247ba0; /*Colour3*/
    --defaulttextcolor: #006494; /*Colour2*/
    
    /*Typography Colours*/
    --textcolord1: #173E6B; /*Darker Shade (Step -1)*/
    --textcolor: var(--defaulttextcolor); /*Default Colour Step 0*/
    --textcolorb1: #0C82A0; /*Lighter Shade (Step 1)*/
    --textcolorb2: #358BA5; /*Lighter Shade (Step 2)*/
    --textcolorb3: #7CB5C4; /*Lighter Shade (Step 3)*/
}