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

:root {
  --primary: rgb(15, 174, 176); /* */
  --onprimary: white; /* */
  --secondary: white; /* */
  --onsecondary: black; /* */
  --tertiary: #1f1fff; /* */
  --ontertiary: #ffffff; /* */
  --page: #000000; /* */
  --onpage: #ffffff; /* */
  --detail: rgb(175, 8, 69); /* */
  --detail2: #6cc04a; /* */
  --card1: rgb(168, 109, 179);
  --card2: rgb(95, 146, 179);
  --card3: rgb(85, 179, 30);
  --card4: rgb(179, 64, 104);
  --card5: rgb(179, 118, 27);
  --card6: rgb(15, 174, 176);
  --card7: rgb(69, 33, 176);
  --body-font: lighter 1.2rem 'Roboto Flex', sans-serif;
  --header-font: lighter 3rem 'Roboto Flex', sans-serif;
  --title-font: lighter 2rem 'Roboto Flex', sans-serif;
  --quote-font: lighter 1.5rem 'Roboto Flex', sans-serif;
}