$border-radius: 3px;
$button-padding: 8px;
/* neutral colours */
$color0: #000000;
$color1: #312b39;
$color2: #464542;
$color3: #676463;
$color4: #d4d2d2;
$color5: #f0f0f1;
$color6: #ffffff;
/* primary colours */
$color7: #002158;
$color8: #0b55a8;
$color9: #d8e7f6;
$color10: #ffc23d;
/* secondary colours */
$color11: #3ab1ce;
$color12: #7cc7e0;
$color13: #bfe2ef;
$color14: #ddf0f8;
$color15: #68a4d4;
$color16: #c4daf0;
$color17: #e7eff7;
$color18: #058475;
$color19: #c4e2e3;
$color20: #832884;
$color21: #e6d3e6;
/* tertiary colours */
$color22: #b0dfeb;
$color23: #ddeff8;
$color24: #e7f4fa;
$color25: #f1f8fc;
$color26: #f4fafc;
$color27: #edece0;
$color28: #faf9f4;
$color29: #e9e8e8;
$color30: #f6f6f6;
$color31: #b7d9d4;
$color32: #dbece9;
$color33: #eef6f5;
$color34: #edf5ec;
$color35: #ffe09d;
$color36: #fff2d8;
/* top level icon colours */
$color37: #f9a033;
$color38: #3d3d87;
$color39: #3ab1ce;
$color40: #0577a5;
$color41: #a31e21;
/* infographic colours */
$color42: $color41;
$color43: $color7;
$color44: $color18;
$color45: $color39;
$color46: $color20;
$color47: $color37;