:root {
    --color-primary: #2C5CA7;
    --color-primary-text: #ffffff;


    --color-primary-50:  #e6edf8;     /* lightest */
    --color-primary-100: #c2d4ef;
    --color-primary-200: #8faee4;
    --color-primary-300: #5c88d9;
    --color-primary-400: #396dcf;
    --color-primary-500: #2C5CA7;     /* same as base */
    --color-primary-600: #244b8a;
    --color-primary-700: #1d3a6d;
    --color-primary-800: #152a50;
    --color-primary-900: #0e1933;     /* darkest */

    --color-text: #4f4f4f;

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

}