:root {
   --grey0: #fff;
   --grey1: #f5f5f5;
   --grey2: #e0e0e0;
   --grey3: #999;
   --grey4: #212121;
   --grey5: #181818;
   --grey6: #000;
   --purple0: #8782ff;
   --blue0: #0F4C81;
   --red0: #fc064c;
   --box-radius: 10px;
}

.light {
   --bg: var(--grey0);
   --bg-button: var(--grey0);
   --bg-item: var(--grey0);
   --shadow: 0px 3px 10px var(--grey2);
   --text: var(--grey6);
   --accent1: var(--red0);
   --accent2: var(--purple0);
}

.dark {
   --bg: var(--grey5);
   --bg-button: var(--grey4);
   --bg-item: var(--grey4);
   --shadow: none;
   --text: var(--grey0);
   --accent1: var(--purple0);
   --accent2: var(--red0);
}