:root {
  /* Mybox styles */

  /* Fonts */
  --black-weight-font: 500;
  --extra-bold-weight-font: 500;
  --semi-bold-weight-font: 500;
  --light-weight-font: 500;
  --selected-system-font: "grotesk";

  /* Mixed styles */
  --btn-default-radius: 4px;
  --left-menu-border-radius: 0px;
  --display-mt-logo: 5px;
  --display-logo: flex;
  --display-modal-logo: none;
  --display-modal-logo-padding: 0px;
  --display-topbar-white-logo: block;
  --display-mobile-width-logo: 55px;
  --display-topbar-black-logo: none;
  --btn-box-shadow: 0 1px 2px 0 rgba(27, 36, 44, 0.12);
  --left-menu-box-shadow: none;
  --left-menu-text-box-shadow: none;

  /* Basic general colors */
  --mdb-blue: #5764F1;
  --mdb-primary: #5764F1;
  --multiselect-option-color: #EBEDFF;
  --multiselect-option-text-color: #212325;
  --custom-display-color: #5764F1;
  --custom-hover-box-color-light : #F6F6FF;
  --number-red-info-color: #3B4348;
  --number-green-info-color: #3B4348;
  --number-orange-info-color: #3B4348;
  --hover-multiselect-color: #B3BAFF;
  --connected-account-color: #5764F1;

  /* Theme app colors */
  --action-item-color: #5764F1;
  --hover-item-color: #7B86FF;
  --link-default-color: #5764F1;
  --hover-link-color: #7B86FF;
  --text-item-color: #555F6D;
  --icon-item-color: #828A91;
  --number-item-color: #828A91;

  /* Mixed Buttons */
  --text-btn-color: #272E35; 
  --icon-btn-color: #949DFF;
  --disabled-btn-color: #ABB1F7;
  --pay-btn-default-color: #008556;
  --pay-btn-hover-color: #009e67;

  /* Primary Buttons */
  --primary-btn-default-color: #212325;
  --primary-btn-hover-color: #44484D;
  --primary-btn-disabled-color: #717880;
  --primary-btn-active-color: #000000;


  /* Secondary Buttons */
  --outline-btn-default-color: #CFD6DD;
  --outline-btn-text-color: #4A545E;
  --outline-btn-hover-color: #9EA8B3;
  --outline-btn-border-color: #E4E4E4;

  /* Secondary Gradient Buttons */
  --secondary-btn-gradient-text-color: #272E35;
  --secondary-btn-hover-shadow-box: 0 1px 4px 0 rgba(255, 147, 117, 0.75);
  --secondary-btn-gradient-border: linear-gradient(90deg, #C6E2FE 0%, #C1D4FE 6.25%, #BBC5FE 12.5%,
  #B9B6FE 18.75%, #C2B1FE 25%, #CDABFE 31.25%, #DAA6FE 37.5%, #E8A1FE 43.75%, #F99BFE 50%,
  #FE96F1 56.25%, #FE91DC 62.5%, #FE8BC6 68.75%, #FE86AD 75%, #FF8093 81.25%, #FF807B 87.5%,
  #FF9375 93.75%, #FFA970 100%);

  /* App background */
  --light-bg-color: #f5f7fa;
  --main-app-bg-color: radial-gradient(circle at 30% 120%, #FAECF2, transparent 45%),
  radial-gradient(circle at 120% 120%, #D1E6FC, transparent 45%), linear-gradient(180deg, #fff);
  --badge-newest-pill: linear-gradient(90deg, #C6E2FE 0%, #C1D4FE 6.25%, #BBC5FE 12.5%,
  #B9B6FE 18.75%, #C2B1FE 25%, #CDABFE 31.25%, #DAA6FE 37.5%, #E8A1FE 43.75%,
  #F99BFE 50%, #FE96F1 56.25%, #FE91DC 62.5%, #FE8BC6 68.75%, #FE86AD 75%,
  #FF8093 81.25%, #FF807B 87.5%, #FF9375 93.75%, #FFA970 100%);



  /* INFO */
  /* Colors with '--bs-' are not to be modified */

  /* Main generic colors */
  --bs-red-dh: #FF5959;
  --bs-info-dh: #00bcec;
  --bs-grey-dh: #828A91;
  --bs-green-dh: #20BF55;
  --bs-black-dh: #3b4348;
  --bs-danger-dh: #ea3839;
  --bs-yellow-dh: #EAB500;
  --bs-success-dh: #24c432;
  --bs-warning-dh: #ff8522;
  --bs-btn-disabled: #D4DDE5;
  --bs-warning-border-dh: #ffc796;
  
  /* Alerts theme colors */
  --bs-alert-icon-warning: '\f06a';
  --bs-alert-hover-color: #ff9946;
  --bs-alert-icon-color-warning: #fff;
  --bs-alert-color-text-warning: #3B4348;
  --bs-alert-border-color-warning: #FF8522;
  --bs-alert-background-color-warning: #fff;
  --bs-alert-icon-background-color-warning: #FF8522;
  
  --bs-alert-icon-danger: '\f06a';
  --bs-alert-icon-color-danger: #fff;
  --bs-alert-color-text-danger: #3B4348;
  --bs-alert-border-color-danger: #EA3839;
  --bs-alert-background-color-danger: #fff;
  --bs-alert-icon-background-color-danger: #EA3839;

  --bs-alert-icon-info: '\f05a';
  --bs-alert-icon-color-info: #fff;
  --bs-alert-color-text-info: #3B4348;
  --bs-alert-border-color-info: #1EAFD4;
  --bs-alert-background-color-info: #fff;
  --bs-alert-icon-background-color-info: #1EAFD4;

  --bs-alert-icon-success: '\f058';
  --bs-alert-icon-color-success: #fff;
  --bs-alert-color-text-success: #3B4348;
  --bs-alert-border-color-success: #2ABE36;
  --bs-alert-background-color-success: #fff;
  --bs-alert-icon-background-color-success: #2ABE36;

  /* DropZone colors */
  --dz-background-color: #f7f7fe;
  --dz-border-color: #5764f1;

  /* Active level-badge border */
  --level-badge-active-gradient-border: linear-gradient(90deg, #C4DDFE, #38EF7D);

  /* Top menu icons */
  --top-menu-icon-color: #828A91;
}