:root{
  --primary: #7979BA;
  --primary-dark: #2E2B71;
  --primary-soft: #7A77BF;
  --primary-light: #DEDEF5;
  --background: #FFFFFF;
  --content-background: #FFFFFF;
  --modal-background: #FFFFFF;
  --main-font: 'Albert Sans', sans-serif;
  --dark-text: #222121;
  --disabled: #C7C6E8;

  --solid-button-bg: #7A77BF;
  --solid-button-text: #FFFFFF;
  --solid-button-hover-bg: #6B82FF;
  --solid-button-hover-text: #FFF;
  --solid-button-focus-border: #4845A0;
  --solid-button-disabled-bg: #C1C1C1;
  --solid-button-disabled-text: #E5E5E5;
  --solid-button-pressed-bg: #4845A0;
  --solid-button-pressed-text: #FFF;

  --outline-button-bg: #FFF;
  --outline-button-text: #7A77BF;
  --outline-button-hover-bg: #FFF;
  --outline-button-hover-text: #4845A0;
  --outline-button-focus-border: #6B82FF;
  --outline-button-disabled-bg: #FFF;
  --outline-button-disabled-text: #C7C6E8;
  --outline-button-pressed-bg: #fff;
  --outline-button-pressed-text: #7A77BF;

  --light-button-bg: #FFF;
  --light-button-text: #7A77BF;
  --light-button-hover-text: #4845A0;
  --light-button-focus-border: #6B82FF;
  --light-button-disabled-text: #C7C6E8;
  --light-button-pressed-text: #42595B;

  --input-error: #CE1D1D;
  --input-text: #222121;
  --input-label: #2E2B71;
  --input-select-option-hover-bg: #ECECFA;
  --input-read-only-bg : #F8F9F9;

  --table-header-bg-1: #ECECF5;
  --table-header-text-1: #4C5351;

  --table-header-bg-2: #E1E1EF;
  --table-header-text-2: #636D6B;
  --table-header-border: #C7C6E8;

  --table-row-border: #E1E1EF;
  --table-row-dark-border: #E8EDEC;
  --table-row-hover: #ECECFA;
  --table-row-dark-color: #4E4E4E;
  --table-row-color: #818181;

  --table-list-header-text: #7A77BF;

  --error-bg: #fbe8e6;
  --error-text: #D4180E;

  --success-bg: #E7FBE7;
  --success-text: #3A980B;

  --warning-bg:#FFF4E5;
  --warning-text: #FA8C16;
  
  --progress-bar:#bed8f9;

  --side-menu-item-svg: #707070;
  --side-menu-item-text: #707070;
  --side-menu-subitem-text: #707070;
  --side-menu-item-selected-bg: #ECECFA;
  --side-menu-item-selected-border: #7A77BF;
  --side-menu-item-selected-svg:  #7A77BF;

  --gray-5: #FBFBFB;
  --gray-10: #F8F8F8;
  --gray-50: #F0F0F0;
  --gray-100: #E5E5E5;
  --gray-200: #D6D6D6;
  --gray-300: #C1C1C1;
  --gray-400: #A0A0A0;
  --gray-500: #818181;
  --gray-600: #696969;
  --gray-700: #4E4E4E;
  --gray-800: #343434;
  --gray-900: #191919;
}