:root {
  /*Active Background Color*/
  --ac-bc: #FAEBBD; 
  /*Font*/
  --fn-ts: 10px;
  --fn-ss: 12px;
  --fn-ds: 16px;
  --fn-bs: 20px;
  --fn-hs: 24px;
  --fn-tt: 18px;
  --fn-sb: 16px;
  /*Grid*/
  --gr-zg: 0;
  --gr-tg: 2px;
  --gr-sg: 4px;
  --gr-dg: 8px;
  --gr-bg: 12px;
  --gr-hg: 16px;
  /*Padding*/
  --pd-zs: 0px;
  --pd-ts: 2px;
  --pd-ss: 4px;
  --pd-ds: 8px;
  --pd-bs: 12px;
  --pd-hs: 16px;
  /*Primary border*/
  --pr-bt: 1px;
  --pr-sr: 4px;
  --pr-bs: solid;
  /*Border radius*/
  --br-sr: 4px;
  --br-dr: 8px;
  --br-br: 16px;
  /*Selection border*/
  --sl-bt: 2px;
  --sl-bs: solid;
  /*Information color*/
  --in-cl: #1864C0; /*500 - 1976D2*/
  --in-on: #FFFFFF; 
  --in-hv: #5D8BED; /*400*/
  --in-cn: #C6D8F4; /*100 - 2196F3, E3F2FD*/
  --in-oc: #222222;
  --in-bc: #165CB1; /*600*/
  /*Sucess color*/
  --sc-cl: #408140;
  --sc-on: #FFFFFF;
  --sc-cn: #81C784; /*C8E6C9*/
  --sc-oc: #222222;
  --sc-bc: #388E3C; /*Border*/
  /*Error color*/
  --er-cl: #E23A2E;
  --er-on: #FFFFFF;
  --er-hv: #ED554C;
  --er-cn: #FBC2BF; /*FFCDD2*/
  --er-oc: #222222;
  --er-bc: #CD3328; /*Border*/
  /*Warning color*/
  --wr-cl: #FBC02D; /*#FFEB3B*/
  --wr-on: #222222;
  --wr-cn: #FFC107; /*FFF9C4*/
  --wr-oc: #222222;
  --wr-bc: #F57F17; /*Border*/
  /*Assistant color*/
  --as-cl: #408140;
  --as-on: #FFFFFF;
  --as-cn: #81C784; /*C8E6C9*/
  --as-oc: #222222;
  --as-bc: #388E3C; /*Border*/
  /*Disabled color*/
  --ds-cl: #BEBEBE;
  --ds-on: #FFFFFF;
  /*Favorite color*/
  --fv-cl: #FBC02D;
  --fv-on: #222222;
  /*Shadows*/
  --bs-1: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  --bs-2: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  --bs-3: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  --bs-4: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  --bs-5: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  --bs-6: box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  --bs-7: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  --bs-8: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  --bs-9: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  --bs-10: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}