:root{
  --primary: #33D3A9;
  --primary-dark: #249678;
  --primary-soft: #33D3A9;
  --primary-light: #A0D3C6;
  --background: #F6FDFB;
  --content-background: #FFF;
  --modal-background: #FFF;
  --main-font: 'Heebo', sans-serif;
  --dark-text: #1F1F1F;
  --disabled: #B4C6C3;

  --solid-button-bg: #A1EBD7;
  --solid-button-text: #155947;
  --solid-button-hover-bg: #33D3A9;
  --solid-button-hover-text: #155947;
  --solid-button-focus-border: #33D3A9;
  --solid-button-disabled-bg: #B4C6C2;
  --solid-button-disabled-text: #FFF;
  --solid-button-pressed-bg: #1C745D;
  --solid-button-pressed-text: #FFF;

  --outline-button-bg: #FFF;
  --outline-button-text: #155947;
  --outline-button-hover-bg: #249678;
  --outline-button-hover-text: #FFF;
  --outline-button-focus-border: #33D3A9;
  --outline-button-disabled-bg: #FFF;
  --outline-button-disabled-text: #B4C6C2;
  --outline-button-pressed-bg: #2EC09A;
  --outline-button-pressed-text: #FFF;

  --light-button-bg: #FFF;
  --light-button-text: #155947;
  --light-button-hover-text: #33D3A9;
  --light-button-focus-border: #33D3A9;
  --light-button-disabled-text: #B4C6C2;
  --light-button-pressed-text: #249678;

  --input-error: #FF4D4F;
  --input-text: #343434;
  --input-label: #249678;
  --input-select-option-hover-bg: #ebfcf6;
  --input-read-only-bg : #F8F9F9;

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

  --table-header-bg-2: #E7F4F0;
  --table-header-text-2: #636D6B;
  --table-header-border: #CDD9D6;

  --table-row-border: #F8F8F8;
  --table-row-dark-border: #E8EDEC;
  --table-row-hover: #f6fdfb;
  --table-row-dark-color: #4E4E4E;
  --table-row-color: #818181;

  --table-list-header-text: #557375;

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

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

  --warning-bg:#FFF4E5;
  --warning-text: #FA8C16;

  --side-menu-item-svg: #636D6B;
  --side-menu-item-text: #4C5351;
  --side-menu-subitem-text: #636D6B;
  --side-menu-item-selected-bg: #EBFBF6;
  --side-menu-item-selected-border: #5CDCBA;
  --side-menu-item-selected-svg:  #249678;

  --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;
}