:root {
    --main-color: #2eca6a;
    --main-color-light: #b5f9cf;
    --main-color-dark: #1e974c;
    --color-obligations: #e35a5a;
    --color-obligations-light: #e35a5a80;
    --main-border-radius: 12px;

    --main-text-color: #1f273D;
    --color-warning: #FF8A48;
    --color-info: #007af0;
    --color-danger: #e35a5a;
    --color-text-dark: #1f273d;
    --color-text-light: #fff;

    --color-grey1: #8998aa;
    --color-light: #f0f6fa;
    --color-light-2: #f0f6fa80;

    --cards-bg-color: var(--color-light);

    --border-color: #cfd6dd;

    --box-shadow-grey:  0px 4px 8px -6px rgba(24, 39, 75, 0.12), 0px 6px 32px -6px rgba(24, 39, 75, 0.08);
    --box-shadow-grey-hover:  1px 2px 16px 0px #5d6b7d, -2px -2px 10px -6px #5d6b7d80;
    --box-shadow-green:  0px 4px 8px -6px #1e974c80, 0px 6px 16px -6px #1e974c40;
    --box-shadow-green-hover: 3px 4px 16px 0px #1E974C, -4px -4px 16px -2px #1E974C80 !important;
    
    --box-shadow-light:  box-shadow: 1px 2px 16px -2px #cfd6fd80, -2px -2px 10px -2px #CFD6fd40;
    --box-shadow-light-hover: 1px 2px 16px -2px #cfd6fd, -2px -2px 10px -2px #CFD6fd80;
    
    
    --font-main: 'Roboto', sans-serif;

    --dropdown-bg-color: #ebf1f4;
    --dropdown-text-color: var(--main-text-color);
    --border-color-2: #cadae2;
  }