body{
  --primary: #0069E5;
  --primary-background: #E5F1FF;
  --primary-disabled: #737373;
  --primary-hover: #66ACFF;
  --secondary: #004699;
  --secondary-background: #FFA200;
  --secondary-disabled: #737373;
  --secondary-hover: #5a7bc2;
  --error: #bb2121;
  --error-background: #f9e2e4;
  --error-disabled: #737373;
  --error-hover: #d15a63;
  --success: #4ba64b;
  --success-background: #f0f3e9;
  --success-disabled: #737373;
  --success-hover: #86bd81;
  --info: #004699;
  --info-background: #0069E540;
  --info-disabled: #737373;
  --info-hover: #86d6cb;
  --link: #3f46f7;
  --link-background: #efe6fe;
  --link-disabled: #737373;
  --link-hover: #7e76f9;
  --deco: #ffa200;
  --deco-background: #eff8f6;
  --deco-disabled: #737373;
  --deco-hover: #86d6cb;
  --warning: #EB942C;
  --warning-background: #fef4eb;
  --warning-disabled: #737373;
  --warning-hover: #fdb25d;
  --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: #001733;
  --white: #ffffff;
  --shadow: #88888840;
  --light-grey: #F8F8F8;
  --medium-grey: #DEDEDE;
  --dark-grey: #4F4F4F;
  --placeholder: #6E6E6E;
}
      
/** fonts **/
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-Regular.ttf');
}
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-Italic.ttf');
  font-style: italic;
}
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-MediumItalic.ttf');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-Bold.ttf');
  font-weight: bold;
}
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "NotoSans";
  src: url('/statics/fonts/NotoSans-Bold.ttf');
  font-weight: 700;
}
#root,
#root textarea,
#root input:is([type="date"],
#root [type="time"],
#root [type="datetime-local"]) {
  font-family: "NotoSans", Arial;
}

h1.title:before {
  background-image: url('/api/icon/customize/fc-cube-double-overlay.svg?props.color.primary=%230069E5&props.color.secondary=%23ffa200&style.font-size=25px') !important;
}

/** footer **/
#root footer {
  background: var(--black)!important;
  font-weight: 500;
  font-size: 16px;
}