:root{
  --primary: #7ED957;
  --primary-dark: #4D8535;
  --primary-soft: #B2E89A; //
  --primary-light: #B2E89A;
  --background: #F8F8F8;
  --content-background: #FFF;
  --modal-background: #FFF;
  --main-font: 'Heebo', sans-serif;
  --dark-text: #191919;
  --disabled: #818181;

  --solid-button-bg: #7ED957;
  --solid-button-text: #FFF;
  --solid-button-hover-bg: #7ED957;
  --solid-button-hover-text: #FFF;
  --solid-button-focus-border: #345B24;
  --solid-button-disabled-bg: #818181;
  --solid-button-disabled-text: #FFF;
  --solid-button-pressed-bg: #1C745D;
  --solid-button-pressed-text: #FFF;

  --outline-button-bg: #FFF;
  --outline-button-text: #4D8535;
  --outline-button-hover-bg: #FFFFFF;
  --outline-button-hover-text: #7ED957;
  --outline-button-focus-border: #D5E2E3;
  --outline-button-disabled-bg: #FBFBFB;
  --outline-button-disabled-text: #C1C1C1;
  --outline-button-pressed-bg: #F2F6F6;
  --outline-button-pressed-text: #4D8535;

  --light-button-bg: #FFF;
  --light-button-text: #4D8535;
  --light-button-hover-text: #7ED957;
  --light-button-focus-border: #7ED957;
  --light-button-disabled-text: #C1C1C1;
  --light-button-pressed-text: #345B24;

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

  --table-header-bg-1: #EBEBEB;
  --table-header-text-1: #343434;

  --table-header-bg-2: #F5F5F5;
  --table-header-text-2: #343434;
  --table-header-border: #D6D6D6;

  --table-row-border: #E5E5E5;
  --table-row-dark-border: #D6D6D6;
  --table-row-hover: #F2FBEE;
  --table-row-dark-color: #4E4E4E;
  --table-row-color: #818181;

  --table-list-header-text: #4D8535;

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

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

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

  --side-menu-item-svg: #696969;
  --side-menu-item-text: #4E4E4E;
  --side-menu-subitem-text: #696969;
  --side-menu-item-selected-bg: #F2FBEE;
  --side-menu-item-selected-border: #7ED957;
  --side-menu-item-selected-svg:  #4D8535;

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