:root {

    /* from evo/foundation */

    --brand-blue: #007bc3;
    --brand-navy: #001f45;
    --brand-white: #fff;
    
    --brand-yellow: #ffd200;
    --brand-light-blue: #7ecaf2;
    --brand-sky-blue: #e2f4ff;
    
    --brand-purple: #654993;
    --brand-purple-light: #a36fd7;
    --brand-magenta: #9f2e89;
    --brand-magenta-light: #cf70af;
    --brand-teal: #018786;
    --brand-teal-light: #56b2bd;
    --brand-red: #d53943;
    --brand-red-light: #ffadad;
    --brand-green: #5a9a3d;
    --brand-green-light: #85bc49;
    --brand-orange: #e66c20;
    --brand-yellow-dark: #d59525;
    
    --brand-link-blue: #06c;
    
    --brand-purple-400: #8c77ae;
    --brand-purple-300: #b2a4c9;
    --brand-purple-200: #d9d2e4;
    --brand-purple-100: #efecf4;
    
    --brand-purple-light-400: #ba93e1;
    --brand-purple-light-300: #d1b7eb;
    --brand-purple-light-200: #e8dbf5;
    --brand-purple-light-100: #f6f0fb;
    
    --brand-magenta-400: #b762a7;
    --brand-magenta-300: #cf96c4;
    --brand-magenta-200: #e7cbe1;
    --brand-magenta-100: #f5eaf3;
    
    --brand-magenta-light-400: #db94c3;
    --brand-magenta-light-300: #e7b7d7;
    --brand-magenta-light-200: #f3dbeb;
    --brand-magenta-light-100: #faf0f7;
    
    --brand-teal-400: #41a5a4;
    --brand-teal-300: #80c3c2;
    --brand-teal-200: #bfe1e1;
    --brand-teal-100: #e5f3f3;
    
    --brand-teal-light-400: #56b2bd;
    --brand-teal-light-300: #80c5ce;
    --brand-teal-light-200: #aad8de;
    --brand-teal-light-100: #d5ecee;
    
    --brand-green-400: #83b36e;
    --brand-green-300: #accc9e;
    --brand-green-200: #d6e6ce;
    --brand-green-100: #eef5eb;
    
    --brand-green-light-400: #a4cd77;
    --brand-green-light-300: #c2dda4;
    --brand-green-light-200: #e0eed1;
    --brand-green-light-100: #f3f8ec;
    
    --brand-red-400: #e06b72;
    --brand-red-300: #ea9ca1;
    --brand-red-200: #f4cdd0;
    --brand-red-100: #fbebec;
    
    --brand-orange-400: #ec9158;
    --brand-orange-300: #f2b58f;
    --brand-orange-200: #f9dac7;
    --brand-orange-100: #fcf0e8;
    
    --brand-yellow-dark-400: #e0b05c;
    --brand-yellow-dark-300: #eaca92;
    --brand-yellow-dark-200: #f4e4c8;
    --brand-yellow-dark-100: #fbf4e9;
    

    /* from evo-variables.scss TODO: only some variables have been added.  The full list should be reviewed */

    --evo-black: #000;
    --evo-hover: #e4effc;

    
    --evo-navy-dark: #001836;
    
    --evo-sky-blue-light: #f0f9ff;
    
    
    --evo-link-blue-200: #e4effc;
    --evo-link-blue-100: #f2f7fd;
    
    --evo-error-light:#ffadad;

    
    --evo-gray: #666;
    --evo-gray-600: #333;
    --evo-gray-450: #888;
    --evo-gray-400: #999;
    --evo-gray-300: #ccc;
    --evo-gray-200: #ebebeb;
    --evo-gray-100: #f2f2f2;
    
    --evo-text: #1a1d1e;
    --evo-text-light: #717171;

    --evo-border-color: var(--evo-text);
    
}