:root {
  --theme-color-1: #96fc49;
  --theme-color-2: #b5fd7c;
  --theme-color-3: #77c83b;

  --font-color-1: #d9d9e1;
  --font-color-2: #aaa9b1;
  --font-color-3: #787780;
  --font-color-4: #171719;

  --bg-color-1: #171719;
  --bg-color-2: #1d1d20;
  --bg-color-3: ;
  --bg-color-4: ;

  --button-bg-color-1: var(--theme-color-1);
  --button-bg-color-2: #29292c;

  --button-bg-color-hover-1: var(--theme-color-2);
  --button-bg-color-hover-2: #414145;

  --button-bg-color-active-1: ;
  --button-bg-color-active-2: ;

  --alert-l1-color: #ff2b2b;
  --alert-l2-color: #c4a50aff;
  --alert-l3-color: ;

  --alert-l1-hover-color: #ff5151;

  --border-color-1: #242427;
  --border-color-2: #141416;
  --border-color-3: #252528;

  --favorited-color: #ffcc00;

  --me-bubble-color: #6aa0ca;
}