/* Set up colour palette and fonts using variables */

:root {
  --primary: #ffffff;
  --onprimary: #000000;
  --secondary: #ee568e;
  --onsecondary:#ffffff;
  --tertiary: #A0C409;
  --ontertiary: #ffffff;
  --page: #FFD439;
  --onpage: #522300;
  --detail: #A0C409;
  --detail2: #5ED3ED;
  --highlight: #5ED3ED;
  --onhighlight: #ffffff;

  --body-font: 1rem Trebuchet MS, sans-serif;
  --header-font: lighter 3rem 'Gorditas', cursive;
  --title-font: lighter 2rem 'Gorditas', cursive;
  --quote-font: lighter 1.5rem 'Gorditas', cursive;
}