:root {
  /* Hex Code */
  --col-primary: #373737;
  --col-secondary: #2d343f;
  --col-000000: #000000;
  --col-FFFFFF: #ffffff;
  --col-4B5564: #4b5564;
  --col-DDE4F0: #dde4f0;
  --col-1F80FF: #1f80ff;
  --col-E02B1D: #e02b1d;
  --col-3B77D7: #3b77d7;
  --col-368CFE: #368cfe;
  --col-757575: #757575;
  --col-F5F7FA: #f5f7fa;
  --col-EEF6FF: #eef6ff;
  --col-FFFFF5: #fffff5;
  --col-EFEFEF: #efefef;
  --col-6D7073: #6d7073;
  --col-F40D0D: #f40d0d;
  --col-FFC794: #ffc794;
  --col-ABABAB: #ababab;
  --col-D2D2D2: #d2d2d2;
  --col-EEEEEE: #eeeeee;
  --col-8492A6: #8492a6;
  --col-BBBDBF: #bbbdbf;
  --col-FAFAFB: #fafafb;
  --col-FFEDE3: #ffede3;
  --col-F7936F: #f7936f;
  --col-727272: #727272;
  --col-DEFFEE: #deffee;
  --col-039053: #039053;
  --col-58616F: #58616f;
  --col-4477F9: #4477f9;
  --col-D40073: #d40073;
  --col-D1D1D1: #d1d1d1;
  --col-DBDBDB: #dbdbdb;

  --col-18EA2D: #18ea2d;
  --col-E9FFD8: #e9ffd8;
  --col-115B43: #115b43;

  --col-EABB18: #eabb18;
  --col-FFEFD8: #ffefd8;
  --col-B96416: #b96416;

  --col-E5F4FF: #e5f4ff;

  --col-label-bright-orange: #f98544;
  --col-label-bright-red: #fd2424;
  --col-label-yellow: #ffd439;
  --col-label-light-green: #95ebb7;

  /* font size and font weight */
  --f-10: 10px;
  --f-12: 12px;
  --f-13: 13px;
  --f-14: 14px;
  --f-16: 16px;
  --f-18: 18px;
  --f-19: 19px;
  --f-20: 20px;
  --f-28: 28px;
  --f-32: 32px;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
}