:root {

  /* Colours -- Core */
  --core: #FA4C20;
  --black: #000000;
  --white: #ffffff;

  /* Colours -- Extended */
  --primary: #47C9FF;
  --primary-dark: #0E1F62;
  --secondary: #EA89FF;
  --secondary-dark: #370065;
  --tertiary: #FF559D;
  --tertiary-dark: #4c042a;
  --quaternary: #1EE5DA;
  --quaternary-dark: #004e49;

  /* Colours -- Semantic */
  --success: #4BFA96;
  --success-dark: #00523B;
  --warning: #FFEF5D;
  --warning-dark: #695617;
  --danger: #FF5D70;
  --danger-dark: #691717;

  /* Colours -- Surface */
  --surface: #F2F3F5;
  --surface-dark: #454545;
  --neutral: #F7F5F2;
  --neutral-dark: #1C1D21;
  --outline: #ABABAB;
  --outline-dark: #2F2F2F;

  /* Typography */

  --display-lineheight: 1.39285714em;
  --display-spacing: -0.02em;
  --display-weight: 700;
  --display-transform: uppercase;
  --display-margin: 0 0 3rem 0;

  --heading-lineheight: 1.39285714em;
  --heading-spacing: -0.02em;
  --heading-weight: 500;
  --heading-transform: none;
  --heading-margin: 2rem 0 2rem 0;

  --body-lineheight: 1.39285714em;
  --body-spacing: -0.02em;
  --body-weight: 400;
  --body-transform: none;
  --body-margin: 0 0 1rem 0;

  }