:root {
    --primary-color: #28A290;
    --primary-color-dark: #237F71;
    --menu-gradient-start: #28A290;
    --menu-gradient-2: #269a89;
    --menu-gradient-3: #25907f;
    --menu-gradient-4: #248776;
    --menu-gradient-end: #237F71;
    --text-color: #22242A;
    --text-on-primary: #FFFFFF;
    /*--font-family: 'Inter', sans-serif;*/
    --default-border-color: #D4D7DD;
    --readonly-bg: #F4F6F8;
    --readonly-control-bg: #C9CDD3;
    --readonly-control-border: #AEB4BC;
    --neutral-bg-light: #F9FAFB;
    --grid-line-color: #E5E7EB;
    --row-hover-bg: #F4F6F8;
    --neutral-bg-white: #ffffff;
    --success-bg: #E6F4EC;
    --success-border: #2F8F5B;
    --info-bg: #E3F5F2;
    --info-border: #28A290;
    --warning-bg: #FFF6E0;
    --warning-border: #D89A00;
    --error-bg: #FFE5E5;
    --error-border: #D14343;
    --disabled-highlight-bg: #F2F8F7;
    --primary-light: #4AB8A8;
    --centered-block-bg: #E5E5E5;
    --primary-hover: #28A290;
    --primary-color-rgb: 40, 162, 144;
}