/* Imports */
:root {
  /*# Colours */
  --main-colour: #294054;
  --main-colour-0-alpha: rgba(41, 64, 84, 0);
  --main-colour-10-alpha: rgba(41, 64, 84, 0.1);
  --main-colour-20-alpha: rgba(41, 64, 84, 0.2);
  --main-colour-30-alpha: rgba(41, 64, 84, 0.3);
  --main-colour-40-alpha: rgba(41, 64, 84, 0.4);
  --main-colour-50-alpha: rgba(41, 64, 84, 0.5);
  --main-colour-60-alpha: rgba(41, 64, 84, 0.6);
  --main-colour-70-alpha: rgba(41, 64, 84, 0.7);
  --main-colour-80-alpha: rgba(41, 64, 84, 0.8);
  --main-colour-90-alpha: rgba(41, 64, 84, 0.9);
  --main-colour-100-alpha: rgba(41, 64, 84, 1);
  --accent-colour: #A3D4F8;
  --accent-colour-0-alpha: rgba(163, 212, 248, 0);
  --accent-colour-10-alpha: rgba(163, 212, 248, 0.1);
  --accent-colour-20-alpha: rgba(163, 212, 248, 0.2);
  --accent-colour-30-alpha: rgba(163, 212, 248, 0.3);
  --accent-colour-40-alpha: rgba(163, 212, 248, 0.4);
  --accent-colour-50-alpha: rgba(163, 212, 248, 0.5);
  --accent-colour-60-alpha: rgba(163, 212, 248, 0.6);
  --accent-colour-70-alpha: rgba(163, 212, 248, 0.7);
  --accent-colour-80-alpha: rgba(163, 212, 248, 0.8);
  --accent-colour-90-alpha: rgba(163, 212, 248, 0.9);
  --accent-colour-100-alpha: rgba(163, 212, 248, 1);
  --alt-colour: #22282A;
  --alt-colour-0-alpha: rgba(34, 40, 42, 0);
  --alt-colour-10-alpha: rgba(34, 40, 42, 0.1);
  --alt-colour-20-alpha: rgba(34, 40, 42, 0.2);
  --alt-colour-30-alpha: rgba(34, 40, 42, 0.3);
  --alt-colour-40-alpha: rgba(34, 40, 42, 0.4);
  --alt-colour-50-alpha: rgba(34, 40, 42, 0.5);
  --alt-colour-60-alpha: rgba(34, 40, 42, 0.6);
  --alt-colour-70-alpha: rgba(34, 40, 42, 0.7);
  --alt-colour-80-alpha: rgba(34, 40, 42, 0.8);
  --alt-colour-90-alpha: rgba(34, 40, 42, 0.9);
  --alt-colour-100-alpha: rgba(34, 40, 42, 1);

  /* Type: fonts */
  --header-font: 'Libre Franklin', sans-serif;
  --body-font: 'Noto Sans', sans-serif;
  --global-font: 'Libre Franklin', arial, sans-serif;

 /* Type: size */
  --font-size-xxs: 12px;
  --font-size-xs: 14px;
  --font-size-s: 16px;
  --font-size-m: 18px;
  --font-size-l: 22px;
  --font-size-xl: 28px;
  --font-size-xxl: 32px;

 /* Type: weight */
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heading: 700;
  --font-weight-black: 900;

 /* Type: text-transform */
  --text-transform-heading: capitalize;
}