:root {
  /* MAIN PALETTE */
  --main-dark: #122430;
  --main-orange: #F78D1E;
  --main-brown: #5B431F;
  --main-purple: #BD4089;
  --main-blue: #07A0C3;
  --main-white: #FFFFFF;
  --main-light: #F7F9FA;


  /* MAIN */
  --main-bg-color: #f5f5f5;
  --banner-bg-color: #e6e6e6;

  --main-text-color: #000000;
  --main-text-link-color: #f78d1e;
  --main-text-link-hover-color: #ffa622;

  --main-button-color: var(--main-orange);
  --main-button-text-color: #ffffff;
  --main-button-hover-color: #ffa622;
  --main-button-hover-text-color: #ffffff;

  --main-shadow-color-RGB: 224, 224, 224;
  --mobile-menu-shadow-color-RGB: 0, 0, 0;

  --overlay-bg-color: 0, 0, 0, 0.6;


  /* SPECIFIC */
  --placeholder-color: #808080;

  --scrollbar-bg-color: #a0a0a0;
  --scrollbar-handle-color: #808080;
  --scrollbar-handle-hover-color: #c0c0c0;

  --adframe-bg-color: #000000;

  --form-bg-color: #ffffff;
  --form-selected: #a0a0a0;
  --form-border-color: #e6e6e6;
  --form-border-focus-color: #efefef;
  --form-text-alert-color: #f78d1e;

  --menuTop-bg-color: #ffffff;
  --menuTop-item-bg-color: #eaeaea;
  --menuTopIcon-invert: 65%;
  --mobile-menuTopIcon-invert: 75%;

  --iconGeneric-invert: 60%;

  --mainMenuIcon-invert: 0%;

  --taskHover-bg-color: #dfdfdf;
}