:root {
	/*Colours*/
  --color-primary: #872155;
    --color-primary-dark: #4B2548;
    --color-primary-light: #C390AA;
    --color-primary-lighter: #C291AA;
    --color-primary-light-transparent: rgba(195, 144, 170, 0.5);
    --color-primary-light-more-transparent: rgba(195, 144, 170, 0.15);
    --color-primary-dark-transparent: rgba(75, 37, 72, 0.6);
    --color-primary-bright: rgba(161, 35, 80, 1);
  --color-secondary: #F36E45;
    --color-secondary-light: #FAA84E;
    --color-secondary-lighter: #FFBA70;
    --color-secondary-dark: #D64048;
  --color-tertiary: #49C0B1;
    --color-tertiary-lightish: #65E0D1;
    --color-tertiary-light: #E4F5F3;
  --color-quarternary: #D8434E;
    --color-quarternary-light: #ED5A64;

   --color-background-grey: #F4F2F2;

  --color-text-body:#2F2F2F;
    --color-text-light:#747474;

  --color-black: #2F2F2F;
  --color-white: #FFFFFF;
  --color-white-transparent: rgba(255, 255, 255, 0.6);
  --color-grey: #CCCCCC;

  /*Sizes*/
  --text-smaller: 1rem;
  --text-small: 1.2rem;
  --text-button: 1.3rem;
  --text-body: 1.4rem;
  --text-large: 1.6rem;
  --text-larger: 2.4rem;
  --text-largerer: 2.6rem;
  --text-largest: 2.8rem;
  --text-huge: 15.6rem;

  /*Markup heights */
  --height-footer: 10rem;
  --height-header: 6rem;
  /*Fonts*/
  --header-font: "houschka-rounded", Arial, sans-serif;
  --body-font: Arial, sans-serif;
  --condensed-font: "trade-gothic-next", Arial, sans-serif;
}