html {
  --RADIUS-12: 5px;
  --RADIUS-8: 5px;
  --RADIUS-4: 5px;
  --BOX-SHADOW: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  --MAIN-SIDEBAR-BG: rgba(245, 245, 245);
  --MAIN-SIDEBAR-BORDER: transparent;
  --MAIN-SIDEBAR-ITEM: #333;
  --MAIN-SIDEBAR-ACTIVE-ITEM: var(--PRIMARY);
  --MODAL-SIDEBAR-BG: #fff;
  --MODAL-SIDEBAR-BORDER: var(--MAIN-SIDEBAR-BORDER);
  --MODAL-SIDEBAR-ITEM: rgba(0, 0, 0, 0.5);
  --MODAL-SIDEBAR-ACTIVE-ITEM: var(--MAIN-SIDEBAR-ACTIVE-ITEM);
  --GRAY-90: #2e3338;
  --GRAY-80: #73808c;
  --GRAY-50: #a7b2be;
  --GRAY-30: #dfe8ec;
  --GRAY-10: #ededed;
  --GRAY-0: #ffffff;
  --GRAY-0-RGB: 255, 255, 255;
  --GRAPH-1: #6e2eae;
  --GRAPH-2: #d99d29;
  --GRAPH-3: #50b12e;
  --ACTIVITY: #33aa09;
  --SUCCESS: #039855;
  --INFO: #3b78e7;
  --WARNING: #DC6803;
  --ERROR: #D92D20;
  --MAIN-CONTENT-BG: var(--GRAY-0);
  --MAIN-CONTENT-TEXT-COLOR: var(--GRAY-90);
  --MAIN-BUTTON-PRIMARY-BG-COLOR: var(--PRIMARY);
  --MAIN-BUTTON-PRIMARY-TEXT-COLOR: var(--GRAY-0);
  --MAIN-BUTTON-SECONDARY-BG-COLOR: var(--GRAY-30);
  --MAIN-BUTTON-SECONDARY-TEXT-COLOR: var(--GRAY-80);
  --MAIN-BUTTON-TERTIARY-BG-COLOR: var(--GRAY-0);
  --MAIN-BUTTON-TERTIARY-TEXT-COLOR: var(--PRIMARY);
  --MAIN-BUTTON-QUATERNARY-BG-COLOR: var(--GRAY-0);
  --MAIN-BUTTON-QUATERNARY-TEXT-COLOR: var(--PRIMARY);
  --MAIN-BUTTON-QUATERNARY-BORDER: 2px solid var(--PRIMARY);
  --MAIN-CARD-BG: transparent;
  --MAIN-CARD-TEXT: var(--GRAY-90);
  --DARK-THEME: false;
  --STATUS-GREEN: #33aa09;
  --STATUS-YELLOW: #dac90b;
  --STATUS-RED: #ff4000;
  --PRIMARY: #1570EF;
  --PRIMARY-RGB: 21, 112, 239;
  --LOGO-NAME: 'f11_small.svg';
  --BACKGROUND-PRIMARY-COLOR: #f0f0f0;
  --BACKGROUND-PRIMARY-COLOR-RGB: 240, 240, 240;
  --BACKGROUND-PRIMARY-COLOR-HIGHLIGHTED: #f0f0f0;
  --BACKGROUND-SECONDARY-COLOR: #fefefe;
  --BACKGROUND-SECONDARY-COLOR-HIGHLIGHTED: #ffffff;
  --BUTTON-PRIMARY-COLOR-ADD: #3b78e7;
  --BUTTON-PRIMARY-COLOR-BASIC: #f2f2f2;
  --BUTTON-PRIMARY-COLOR-DELETE: #D92D20;
  --BUTTON-PRIMARY-FONT-COLOR-ADD: #ffffff;
  --BUTTON-PRIMARY-FONT-COLOR-BASIC: #000000;
  --BUTTON-PRIMARY-FONT-COLOR-DELETE: #ffffff;
  --PRIMARY-FONT-COLOR: #0a0a0a;
  --PRIMARY-FONT-COLOR-RGB: 10, 10, 10;
  --TEXT-ERROR-COLOR: #dd5555;
  --PRIMARY-FONT-COLOR-ACTIVE: var(--PRIMARY);
  --PRIMARY-FONT-COLOR-HOVER: #175CD3;
  --PRIMARY-FONT-COLOR-LINK: #175CD3;
  --SECONDARY-FONT-COLOR: #080808;
  --SECONDARY-FONT-COLOR-ACTIVE: #175CD3;
  --SECONDARY-FONT-COLOR-HOVER: #175CD3;
  --SECONDARY-FONT-COLOR-LINK: #080808;
  --BORDER-COLOR: rgba(47, 60, 66, 0.11);
  --SLIDER-COLOR: #3b78e7;
  --BORDER-RADIUS: var(--RADIUS-4);
  --BUTTON-SUCCESS-COLOR: #fafafa;
  --BUTTON-SUCCESS-BACKGROUND: #039855;
  --BUTTON-DANGER-COLOR: #fafafa;
  --BUTTON-DANGER-BACKGROUND: #D92D20;
  --btn: var(--PRIMARY);
  --text: #fff;
  --sidebar: var(--MAIN-SIDEBAR-BG);
  --dark-text: var(--GRAY-90);
  --dark-green: #84c914;
}