:root {
    --color-primary: #8EB146;
    --color-primary-text: #ffffff;


    --color-primary-50:  #f2f9e7;     /* lightest */
    --color-primary-100: #ddedbe;
    --color-primary-200: #c6df91;
    --color-primary-300: #afd063;
    --color-primary-400: #9dc547;
    --color-primary-500: #8EB146;     /* same as base */
    --color-primary-600: #749138;
    --color-primary-700: #5a712c;
    --color-primary-800: #3f511f;
    --color-primary-900: #253113;     /* darkest */

    --color-text: #4f4f4f;

    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-error: #dc3545;

}