/* Imports */
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;1,400;1,500;1,900&family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
:root {

  /*# Colours */
  --main-colour: #000958;
  --main-colour-70-alpha: rgba(0, 9, 88, 0.7);
  --accent-colour: #FDDAB9;
  --alt-colour: #2C1D40;

  /* Type: fonts */
  --header-font: 'Red Hat Display', sans-serif;
  --body-font: 'Red Hat Display', 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: 500;
  --font-weight-bold: 700;
  --font-weight-heading: 900;

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