:root {
  /* COLOURS */
  --color-primary: #0F1C47;
  --color-secondary: #0F1C47;
  --color-secondary-light: #007FFF;
  --color-background: #F2F2F2;

  --color-black: #000000;
  --color-grey-dark: #4C4C4C;
  --color-grey: #BFBFBF;
  --color-grey-light: #F2F2F2;
  --color-grey-lightest: #FAFAFA;
  --color-grey-hover: #CACACA;

  --color-info: #019BEB;
  --color-success: #00D46E;
  --color-alert: #FF4446;
  --color-warning: #FF7B00;
  --color-caution: #FFCB00;

  --color-accent: #00FFFF;
  --color-accent-light: #FFFFFF;
  --color-accent-10: rgba(0, 255, 255, 0.1);
  --color-alternate: #007FFF;
  --color-alternate-light: #2E96FF;

  --black: 0, 0, 0;
  --white: 255, 255, 255;
}