body{
  --primary: #28285f;
  --primary-background: #DBE8F5;
  --primary-disabled: #4D4D4D;
  --primary-hover: #5E5E87;
  --secondary: #28285f;
  --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: #55be9b;
  --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: #EFEEF1;
  --medium-grey: #DEDEDE;
  --dark-grey: #808080;
  --placeholder: #6E6E6E;
}
      

/** fonts **/
@font-face {
  font-family: "Work Sans";
  src: url('/statics/fonts/WorkSans-Regular.ttf');
}
@font-face {
  font-family: "Work Sans";
  src: url('/statics/fonts/WorkSans-Bold.ttf');
  font-weight: bold;
}
@font-face {
  font-family: "Work Sans";
  src: url('/statics/fonts/WorkSans-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: "Work Sans";
  src: url('/statics/fonts/WorkSans-MediumItalic.ttf');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url('/statics/fonts/WorkSans-Italic.ttf');
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url('/statics/fonts/WorkSans-BoldItalic.ttf');
  font-style: italic;
  font-weight: bold;
}
#root,
#root textarea,
#root input:is([type="date"],
#root [type="time"],
#root [type="datetime-local"]) {
  font-family: "Work Sans", Arial;
}
#root .title:before{
  display: none;
}

/** homepage **/
#root .searchBar {
  display: none;
}
#root .layout__wrapper {
  margin-top:70px;
}