:root {
  --colour-primary: #0076bc;
  --colour-primary-dark: #00426d;
  --colour-accent: #0076bc;
  --colour-navy: #14181b;
  --colour-white: #ffffff;
  --colour-off-white: #eeeeee;
  --colour-text: #484848;
  --colour-text-muted: #737373;
  --colour-grey-50: #fafafa;
  --colour-grey-100: #dedede;
  --colour-grey-200: #c3c3c3;
  --colour-grey-300: #a9a9a9;
  --colour-grey-400: #8f8f8f;
  --colour-grey-500: #777777;
  --colour-grey-600: #5f5f5f;
  --colour-grey-700: #484848;
  --colour-grey-800: #323232;
  --colour-grey-900: #1e1e1e;
  --colour-bg: #fafafa;
  --colour-surface: #f5f5f5;
  --colour-surface-alt: #eeeeee;
  --colour-border: #d1d1d1;
  --colour-primary-hover: #0067a5;
  --colour-primary-active: #00598f;
  --colour-primary-subtle: #e1f1ff;
  --colour-on-primary: #ffffff;
  --colour-link: #0277bd;
  --colour-on-dark: #bebebe;
  --colour-success: #408050;
  --colour-warning: #966b26;
  --colour-error: #aa5e56;
  --colour-info: #4277ac;
}