:root {
  /* Backgrounds */
  --background-color: rgb(0, 0, 0);
  --hover-background-color: rgba(140, 0, 255, 0.13);
  --input-background-color: rgb(10, 10, 10);
  --input-hover-background-color: rgba(10, 10, 10, 0.49);
  --tab-bg-color: rgb(22, 22, 22);
  --tab-active-bg-color: rgb(51, 51, 51);
  --utility-background-color: rgb(22, 22, 22);
  --dark-translucent-bg: rgba(61, 61, 61, 0.43);
  --background-image: url("/assets/imgs/DDX.bg.jpeg");
  --logo: url("/assets/imgs/logo.png");
  /* Borders */
  --border-color: rgb(82, 82, 82);
  /* Text */
  --text-color: rgb(255, 255, 255);
  --hover-text-color: rgba(255, 255, 255, 0.49);
  --active-text-color: rgba(255, 255, 255, 0.81);
  /* Measurements */
  --tab-content-margin: 9px;
  --searchbar-width: calc(100% - calc(2 * 36px));

  /* Primary Colors */
  --main-color: rgb(141, 1, 255);
  --muted: rgb(172, 176, 190);
  --faded-main-color: rgba(170, 1, 255, 0.26);
}