:root {
    --color-primary: #4BAEE3;
    --color-primary-text: #ffffff;


    --color-primary-50:  #eaf7fc;     /* lightest */
    --color-primary-100: #cdeaf8;
    --color-primary-200: #9bd6f1;
    --color-primary-300: #69c1ea;
    --color-primary-400: #46b2e6;
    --color-primary-500: #4BAEE3;     /* same as base */
    --color-primary-600: #3b91be;
    --color-primary-700: #2c7499;
    --color-primary-800: #1d5773;
    --color-primary-900: #0e3a4e;     /* darkest */

    --color-text: #4f4f4f;

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

}