:root {
	--primary: #109dac;
	--secondary: #fc0;

	--container-light-bg-color: #ebebeb;
	--container-light-fg-color: #2b2a28;

	--container-dark-bg-color: #777;
	--container-dark-fg-color: #fff;

	/* Colours */
	--black: #131313;
	--yellowgrid: #fc0;
	--tcx: #0596d4;
	--uc-blue: #109dac;
	--bg-blue: #13182d;
	--xero-blue: #13b6d8;
	--offset-grey: #ccc;
	--text-grey: #5a5a5a;
	--portal-grey: #d7d7d7;
	--mid-grey: #919191;
	--background-grey: #fcfcfc;
	--green: #009c19;
	--red: #9e0000;

	/* Borders */
	--grey-border: solid 1px #d7d7d7;

	/* Misc */
	--full-height: 90vh;
	--section-width-85: clamp(46vh, 85%, 200vh);
	--section-width-75: clamp(46vh, 75%, 200vh);
	--section-width-55: clamp(46vh, 55%, 125vh);
	--page-row-gap: 12vh;

	--container-padding: 6vh 0;
	--padding: 2vh 0;

	--font-family: 'Work Sans', sans-serif;
	--font-weight-bolder: 600;
	--font-weight-bold: 500;
	--font-weight-thin: 300;
	--font-size-h2: 44px;
	--banner-font: normal normal 300 3vw var(--font-family);
	--heading-font: normal normal 400 38px var(--font-family);
	--subheading-font: normal normal 300 28px var(--font-family);
	--large-text-font: normal normal 300 1.2vw var(--font-family);
	--text-font: normal normal 300 18px var(--font-family);
	--small-text-font: normal normal 300 17px var(--font-family);
	--tiny-text-font: normal normal 300 0.8vw var(--font-family);

	--yellow: #fc0;
	--blue: #109dac;
	--dark-grey: #5a5a5a;
	--light-grey: #d8d8d8;
	--success: #44e344;
	--error: #e50d38;

	--view-background: linear-gradient(to bottom, #111 0%, var(--blue) 150%);
	--full-background: linear-gradient(to bottom, #111 0%, #0e8996 150%);
	--portal-gradient: linear-gradient(to right, var(--uc-blue) 80%, var(--yellowgrid) 85%);
}