:root {
  /* Colors */
  --green-lt: #84b072;
  --green-dk: #50783f;
  --beige: #f5f5dc;
  --warm-beige: #ffede1;
  --black: #000;
  --blue-lt: #85b0cd;
  --blue-dk: #3b6b8c;
  --brown: #630;
  --purple-lt: #aa7fce;
  --purple-dk: #66348d;
  --gray-lt: #f1f1f1;
  --gray-medium: #e3e3e3;
  --gray: #808080;
  --gold: #fc3;
  --card-bg: #04343a;
  --bootstrap-gray: #343a40;
  --transparent-black: rgba(0, 0, 0, .75);
  --teal: #008080;
  --white: #fff;
  --alert: #f00;

  --gradient-lt: #aa7fce;
  --gradient-dk: #66348d;

  --modal-backdrop: rgba(0, 0, 0, .5);


  /* Dimensions */
  --corner: 7px;
  --shadow: 3px 3px 8px rgba(0, 0, 0, .75);
  --hover-shadow: 0 0 20px #ffede1;

  --circle-diameter: 150px;
  --circle-image: 120px;
  --circle-inset: 15px;

  --card-height: 150px;
  --card-width: 90px;

  --footer-height: 90px;

  --mobile: 768px;
  --desktop: 768px;


  /* Fonts */
  --chunky: Ultra, serif;
  --script: 'Dancing Script', cursive;
  --normal: 'Quicksand', sans-serif;
}