body{
  --primary: #107DB6;
  --primary-background: #F2F8FC;
  --primary-disabled: #4D4D4D;
  --primary-hover: #5f9fcc;
  --secondary: #27345A;
  --secondary-background: #ece5eb;
  --secondary-disabled: #4D4D4D;
  --secondary-hover: #6e698c;
  --error: #D24539;
  --error-background: #fbe7e7;
  --error-disabled: #4D4D4D;
  --error-hover: #e17574;
  --success: #367B48;
  --success-background: #edeee9;
  --success-disabled: #4D4D4D;
  --success-hover: #789d7f;
  --info: #4AC7B4;
  --info-background: #eff8f6;
  --info-disabled: #4D4D4D;
  --info-hover: #86d6cb;
  --link: #107DB6;
  --link-background: #e9eef6;
  --link-disabled: #4D4D4D;
  --link-hover: #5f9fcc;
  --deco: #4AC7B4;
  --deco-background: #eff8f6;
  --deco-disabled: #4D4D4D;
  --deco-hover: #86d6cb;
  --warning: #C75200;
  --warning-background: #fae9e0;
  --warning-disabled: #4D4D4D;
  --warning-hover: #d97f4d;
  --highlight: #FCEAC6;
  --reuse-background: #C11C68;
  --reuse-label: #ffffff;
  --reuse-border: #C11C68;
  --sharing-background: #27345A;
  --sharing-label: #ffffff;
  --sharing-border: #27345A;
  --graph-a1: #FFD700;
  --graph-a2: #FFA500;
  --graph-a3: #FF6347;
  --graph-a4: #FF69B4;
  --graph-a5: #675EC7;
  --graph-a6: #6BB7EC;
  --graph-a7: #4169E1;
  --graph-a8: #008080;
  --graph-a9: #B9DFBD;
  --graph-a10: #276240;
  --black: #000000;
  --white: #ffffff;
  --shadow: #00000029;
  --light-grey: #F8F8F9;
  --medium-grey: #DEDEDE;
  --dark-grey: #4F4F4F;
  --placeholder: #6E6E6E;
}