// colors
:root {
  --color-items-1: #9f9f9f;
  --color-items-2: #28a745;
  --color-items-3: #f9045c;
  --color-items-4: #848587;
  --color-items-5: #00b3ff;
  --color-items-6: #d6d6d6;
  --color-items-7: #d7d7d7;

  --color-1: #00b6e3;
  --color-2: #444444;
  --color-3: #ea4c89;
  --color-4: #1b2733;
  --color-5: #f7fafe;
  --color-6: #1e1e1e;
  --color-7: #bac4ce;
  --color-8: #f1f1f1;
  --color-9: #92a2b2;
  --color-10: #72c766;
  --color-11: #fff;
  --color-12: #bdc4cc;
  --color-13: #ffe372;
  --color-14: white;
  --color-15: #e8fcff;
  --color-16: #757575;
  --color-17: #ec4e98;
  --color-18: #2283e1;
  --color-19: #864ec9;
  --color-20: #01ac6c;
  --color-21: #e8ad37;
  --color-22: #f38524;
  --color-23: #e55151;
  --color-24: #9564df;
  --color-25: #b8ecff;
  --color-26: rgba(0, 0, 0, 0);
  --color-27: rgba(0, 0, 0, 0.16);
  --color-28: rgba(0, 0, 0, 0.4);
  --color-29: #55d6f5;
  --color-30: #e6e6e6;
  --color-31: #b03bd9;
  --color-32: #fffbe1;
  --color-33: #f3708f;
  --color-34: rgba(0, 0, 0, 0.1);
  --color-35: #01a6ac;
  --color-36: #fef3ff;
  --color-37: #e7fce7;

  // border
  //   --borderTop: border-top;
  //   --borderBottom: border-bottom;
  //   --borderLeft: border-left;
  //   --borderRight: border-right;

  // charts
  --clr-white: #fff;
  --clr-primary-text: #212529;
  --clr-primary-light-text: rgba(7, 7, 7, 0.66);
  --clr-primary-background: #fff;
  --clr-sub1-background: #dbd8d8;
  --clr-primary-Button: #00b6e3;
}