:root {
    --color-primary: #357F50;
    --color-primary-text: #ffffff;


    --color-primary-50:  #e6f3ec;     /* lightest */
    --color-primary-100: #c0e0cf;
    --color-primary-200: #90c9ae;
    --color-primary-300: #60b28d;
    --color-primary-400: #419f74;
    --color-primary-500: #357F50;     /* same as base */
    --color-primary-600: #2b6641;
    --color-primary-700: #214d32;
    --color-primary-800: #173423;
    --color-primary-900: #0d1b14;     /* darkest */

    --color-text: #4f4f4f;

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

}