/*************************      App Module     *************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}



:root {
  /*========================= 
    GENERAL ROOT
    ==============================*/
    --white-bg: #fff;
    --transition-speed-1: 0.25s;
    --transition-speed-2: 0.5s;
    --link-color-hover: #E34B47;
    --white-text-font: #fff;
    --black-text-font: #0E0E0E;
  /*====================================================================*/

  /*========================= 
    PAGES ROOT
    ==============================*/
    --admin-color-badge: #E46A66;
    --tech-color-badge: #4A6FA5;
    --btn-confirmation: #6FCF97;
    --btn-confirmation-hover: #4FA874;
    --btn-decline: #E57373;
    --btn-decline-hover: #C85454;
    --btn-primary--high-green: #1FAA59;
    --btn-primary--high-green-hover: #128041;
    --btn-secondary-black: #0F0F10;
    --btn-secondary-black-hover: #3A3A3D;
  /*====================================================================*/

  /*========================= 
    MODAL STYLES ROOT
    ==============================*/
    --header-color-modal: #0F2A5F;
    --color-font-labels-form-modals: #2C3E66;
  /*====================================================================*/

  /*========================= 
    HEADER ROOT
    ==============================*/
    --header-bg: #032059;
    --header-height: 92px;
    --nav-text-hover: #E85F5B;
    --nav-active: #D9241D;
    --dropdown-bg: #1A377D;
    --dropdown-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    --border-color: rgba(255, 255, 255, 0.1);
    --logout-bg: #FF1E1E;
    --logout-hover: #c82333;

    --filter-images-active: brightness(0) saturate(100%) invert(19%) sepia(83%) saturate(5600%) hue-rotate(355deg) brightness(92%) contrast(108%);
    --filter-images-hover: brightness(0) saturate(100%) invert(100%);
  /*====================================================================*/


  /*========================= 
  FOOTER ROOT
  ==============================*/
    --footer-color-copyright: #DD211C;
  /*====================================================================*/
}


/***********************************************************************/