/* Imports */
:root {
  /*# Colours */
  --main-colour: #333333;
  --main-colour-0-alpha: rgba(51, 51, 51, 0);
  --main-colour-10-alpha: rgba(51, 51, 51, 0.1);
  --main-colour-20-alpha: rgba(51, 51, 51, 0.2);
  --main-colour-30-alpha: rgba(51, 51, 51, 0.3);
  --main-colour-40-alpha: rgba(51, 51, 51, 0.4);
  --main-colour-50-alpha: rgba(51, 51, 51, 0.5);
  --main-colour-60-alpha: rgba(51, 51, 51, 0.6);
  --main-colour-70-alpha: rgba(51, 51, 51, 0.7);
  --main-colour-80-alpha: rgba(51, 51, 51, 0.8);
  --main-colour-90-alpha: rgba(51, 51, 51, 0.9);
  --main-colour-100-alpha: rgba(51, 51, 51, 1);
  --accent-colour: #BCDFFF;
  --accent-colour-0-alpha: rgba(188, 223, 255, 0);
  --accent-colour-10-alpha: rgba(188, 223, 255, 0.1);
  --accent-colour-20-alpha: rgba(188, 223, 255, 0.2);
  --accent-colour-30-alpha: rgba(188, 223, 255, 0.3);
  --accent-colour-40-alpha: rgba(188, 223, 255, 0.4);
  --accent-colour-50-alpha: rgba(188, 223, 255, 0.5);
  --accent-colour-60-alpha: rgba(188, 223, 255, 0.6);
  --accent-colour-70-alpha: rgba(188, 223, 255, 0.7);
  --accent-colour-80-alpha: rgba(188, 223, 255, 0.8);
  --accent-colour-90-alpha: rgba(188, 223, 255, 0.9);
  --accent-colour-100-alpha: rgba(188, 223, 255, 1);
  --alt-colour: #2B2556;
  --alt-colour-0-alpha: rgba(43, 37, 86, 0);
  --alt-colour-10-alpha: rgba(43, 37, 86, 0.1);
  --alt-colour-20-alpha: rgba(43, 37, 86, 0.2);
  --alt-colour-30-alpha: rgba(43, 37, 86, 0.3);
  --alt-colour-40-alpha: rgba(43, 37, 86, 0.4);
  --alt-colour-50-alpha: rgba(43, 37, 86, 0.5);
  --alt-colour-60-alpha: rgba(43, 37, 86, 0.6);
  --alt-colour-70-alpha: rgba(43, 37, 86, 0.7);
  --alt-colour-80-alpha: rgba(43, 37, 86, 0.8);
  --alt-colour-90-alpha: rgba(43, 37, 86, 0.9);
  --alt-colour-100-alpha: rgba(43, 37, 86, 1);

  /* Type: fonts */
  --header-font: 'Noto Serif', serif;
  --article-page-headline-font: 'Noto Serif', serif;
  --body-font: 'Source Serif Pro', serif;
  --global-font: 'Libre Franklin', arial, sans-serif;

 /* Type: size */
  --font-size-xxs: 12px;
  --font-size-xs: 14px;
  --font-size-s: 16px;
  --font-size-sm: 17px;
  --font-size-m: 18px;
  --font-size-ml: 20px;
  --font-size-l: 22px;
  --font-size-mll: 24px;
  --font-size-xl: 28px;
  --font-size-xxl: 32px;

 /* Type: weight */
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heading: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;

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