:root {

--bg-dark-page: #F3F3F6;

--color-accent: #4A526C;
    
--bg-ligh-menu: #F0F1F4;
--bg-dark-menu: #E6E9EE;
--bg-darker-menu: #C9CFDA;

--bg-dark-tab: #4A526C;
--color-dark-tab: #ffffff;

--bg-light-tab: #ffffff;
--color-light-tab: #4A526C;

--bg-extra-light-div: #F9F9FB;
--bg-light-div: #F3F3F6;
--bg-dark-div: #E0E0E9;
--div-radius: 5px;

--field-border: #dedede;
--field-border-hover: #b0b0b0;
--field-border-focus: #9a9a9a;
--field-background: #ffffff;
--field-background-focus: #f8f8f8;
--field-background-hover: #f8f8f8;
--field-radius: 5px;
--field-color: #1F2937;

--field-placeholder-color: #4A526C;
--field-placeholder-font-weight: 300;
--field-placeholder-font-size: 14px;

--button-gray-color: #707070;
--button-gray-back: #e3e3e3;

--toast-background: #FF9C2F;
--toast-color: #FFFFFF;
--toast-font-size: 15px;
--toast-font-weight: 400;
--toast-radius: 10px;
  
}