body{
  --primary: #000fa0;
  --primary-background: #EFEFF8;
  --primary-disabled: #b5b5b5;
  --primary-hover: #544dbd;
  --secondary: #000fa0;
  --secondary-background: #e8e0f4;
  --secondary-disabled: #b5b5b5;
  --secondary-hover: #544dbd;
  --error: #bc0000;
  --error-background: #f9dee0;
  --error-disabled: #b5b5b5;
  --error-hover: #d2424d;
  --success: #488500;
  --success-background: #efefe0;
  --success-disabled: #b5b5b5;
  --success-hover: #84a54d;
  --info: #000fa0;
  --info-background: #e8e0f4;
  --info-disabled: #b5b5b5;
  --info-hover: #544dbd;
  --link: #3f46f7;
  --link-background: #eee7fe;
  --link-disabled: #b5b5b5;
  --link-hover: #7e76f9;
  --deco: #000fa0;
  --deco-background: #e8e0f4;
  --deco-disabled: #b5b5b5;
  --deco-hover: #544dbd;
  --warning: #c75200;
  --warning-background: #fae9e0;
  --warning-disabled: #b5b5b5;
  --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;
}
      
/** fonts **/
@font-face {
  font-family: TitanOne;
  src: url('/statics/fonts/TitanOne-Regular.ttf');
}

/** homepage **/
.home__logo {
  height: 60px;
  max-width: 300px;
}
#root .layout-banner {
  background-color: var(--primary);
}
#root .layout-banner__logo {
  margin-left: 0;
}
#root .layout-banner__baseline__title {
  color: var(--white);
}
#root .layout__regular__logo {
  padding: 0.1em 1em;
  height: 60px;
  width: 200px;
  object-fit: scale-down;
}
h1 {
  font-family: TitanOne;
}
#root .title:before{  
  display: none;
}
#root .layout__regular__logo {
  padding: 0.1em 1em;
  height: 60px;
  width: 200px;
  object-fit: scale-down;
}