:root{
  --main-color: #57c8c7; /*Main teal Blue */
  --main-color-darker: hsl(from var(--main-color) h s calc(l - 20));
  --main-color-lighter: hsl(from var(--main-color) h s calc(l + 10));
  --main-font-color: #fff; /* Text color to go on the main color */
  --accent-color: #80c3c5; /*Lighter tealish */
  --accent-font-color: #343337; /* Font color for light accent color */
  --dark-accent-color: #3a90a8; /*Darker teal/blue */
}