/* 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,700&family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
:root {

  /*# Colours */
  --main-colour: #AD1F26;
  --main-colour-70-alpha: rgba(173, 31, 38, 0.7);
  --accent-colour: #FFE7BD;
  --alt-colour: #21292A;

  /* 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;
}