CSS Kit for Brand Colours

/* Primary Colours */

:root {
–color-primary-blue: #4861A5;
–color-light-blue: #50A2C0;
–color-purple: #572473;
–color-orange: #E0723C;
–color-dark-blue: #2D3287;
}

/* Background Colours */
.bg-primary-blue { background-color: var(–color-primary-blue); }
.bg-light-blue { background-color: var(–color-light-blue); }
.bg-purple { background-color: var(–color-purple); }
.bg-orange { background-color: var(–color-orange); }
.bg-dark-blue { background-color: var(–color-dark-blue); }

/* Font Colours */
.text-primary-blue { color: var(–color-primary-blue); }
.text-light-blue { color: var(–color-light-blue); }
.text-purple { color: var(–color-purple); }
.text-orange { color: var(–color-orange); }
.text-dark-blue { color: var(–color-dark-blue); }