:root {
    --ec-color-green-10: #dcfed9;
    --ec-color-green-15: #A7F0BA;
    --ec-color-green-20: #a0ef9b;
    --ec-color-green-30: #76dd6f;
    --ec-color-green-40: #52c14c;
    --ec-color-green-50: #2ea02c;
    --ec-color-green-60: #028202;
    --ec-color-green-70: #016101;
    --ec-color-green-80: #024404;
    --ec-color-green-85: #0E6027;
    --ec-color-green-90: #022D05;
    --ec-color-green-100: #081909;
    --ec-color-hover-green-10: #cafaca;
    --ec-color-hover-green-20: #84e084;
    --ec-color-hover-green-30: #52cc52;
    --ec-color-hover-green-40: #28b828;
    --ec-color-hover-green-50: #077006;
    --ec-color-hover-green-60: #008700;
    --ec-color-hover-green-70: #007800;
    --ec-color-hover-green-80: #006600;
    --ec-color-hover-green-90: #004d00;
    --ec-color-hover-green-100: #003300;
    --ec-color-hover-green-110: #74e792;
    --ec-color-gray-10: #f4f4f4;
    --ec-color-gray-20: #e0e0e0;
    --ec-color-gray-30: #c6c6c6;
    --ec-color-gray-40: #a8a8a8;
    --ec-color-gray-50: #8d8d8d;
    --ec-color-gray-60: #6f6f6f;
    --ec-color-gray-70: #525252;
    --ec-color-gray-80: #393939;
    --ec-color-gray-90: #262626;
    --ec-color-gray-100: #161616;
    --ec-color-gray-110: #4c4c4c;
    --ec-color-gray-120: #cacaca;
    --ec-color-gray-100-opacity-25: #16161640;
    --ec-color-gray-100-opacity-65: #161616A6;
    --ec-color-hover-gray-10: #e8e8e8;
    --ec-color-hover-gray-20: #d1d1d1;
    --ec-color-hover-gray-30: #b5b5b5;
    --ec-color-hover-gray-40: #999999;
    --ec-color-hover-gray-50: #8d8d8d1f;
    --ec-color-hover-gray-60: #5e5e5e;
    --ec-color-hover-gray-70: #636363;
    --ec-color-hover-gray-80: #474747;
    --ec-color-hover-gray-90: #333333;
    --ec-color-hover-gray-100: #292929;
    --ec-color-hover-gray-110: #e5e5e5;
    --ec-color-hover-gray-120: #d8d0cf;
    --ec-color-active-gray-50: #8d8d8d80;
    --ec-color-red-10: #fff1f1;
    --ec-color-red-20: #ffd7d9;
    --ec-color-red-30: #ffb3b8;
    --ec-color-red-40: #ff8389;
    --ec-color-red-50: #fa4d56;
    --ec-color-red-60: #da1e28;
    --ec-color-red-60-opacity-30: #DA1E284D;
    --ec-color-red-70: #a2191f;
    --ec-color-red-75: #B81922;
    --ec-color-red-80: #750e13;
    --ec-color-red-90: #520408;
    --ec-color-red-100: #2d0709;
    --ec-color-hover-red-20: #FFC2C5;
    --ec-color-yellow-10: #fcf4d6;
    --ec-color-yellow-20: #fddc69;
    --ec-color-yellow-30: #f1c21b;
    --ec-color-yellow-40: #d2a106;
    --ec-color-yellow-50: #b28600;
    --ec-color-yellow-60: #8e6a00;
    --ec-color-yellow-70: #684e00;
    --ec-color-yellow-80: #483700;
    --ec-color-yellow-90: #302400;
    --ec-color-yellow-100: #1c1500;
    --ec-color-cool-gray-10: #f2f4f8;
    --ec-color-cool-gray-20: #dde1e6;
    --ec-color-cool-gray-30: #c1c7cd;
    --ec-color-cool-gray-40: #a2a9b0;
    --ec-color-cool-gray-50: #878d96;
    --ec-color-cool-gray-60: #697077;
    --ec-color-cool-gray-70: #4d5358;
    --ec-color-cool-gray-80: #343a3f;
    --ec-color-cool-gray-90: #21272a;
    --ec-color-cool-gray-100: #121619;
    --ec-color-cool-gray-110: #cdd3da;
    --ec-color-hover-cool-gray-10: #c4c9d1;
    --ec-color-blue-10: #edf5ff;
    --ec-color-blue-20: #d0e2ff;
    --ec-color-blue-30: #a6c8ff;
    --ec-color-blue-40: #78a9ff;
    --ec-color-blue-50: #4589ff;
    --ec-color-blue-60: #0f62fe;
    --ec-color-blue-70: #0043ce;
    --ec-color-blue-70-opacity-30: #0043ce4D;
    --ec-color-blue-80: #002d9c;
    --ec-color-blue-90: #001d6c;
    --ec-color-blue-100: #001141;
    --ec-color-hover-blue-10: #b8d3ff;
    --ec-color-hover-blue-70: #054ada;
    --ec-color-success-blue-40: #42be65;
    --ec-color-success-blue-50: #24a148;
    --ec-color-warm-gray-10: #f7f3f2;
    --ec-color-warm-gray-20: #e5e0df;
    --ec-color-warm-gray-30: #cac5c4;
    --ec-color-warm-gray-40: #ada8a8;
    --ec-color-warm-gray-50: #8f8b8b;
    --ec-color-warm-gray-60: #726e6e;
    --ec-color-warm-gray-70: #565151;
    --ec-color-warm-gray-80: #3c3838;
    --ec-color-warm-gray-90: #272525;
    --ec-color-warm-gray-100: #171414;
    --ec-color-magenta-10: #fff0f7;
    --ec-color-magenta-20: #ffd6e8;
    --ec-color-magenta-30: #ffafd2;
    --ec-color-magenta-40: #ff7eb6;
    --ec-color-magenta-50: #ee5396;
    --ec-color-magenta-60: #d02670;
    --ec-color-magenta-70: #9f1853;
    --ec-color-magenta-80: #740937;
    --ec-color-magenta-90: #510224;
    --ec-color-magenta-100: #2a0a18;
    --ec-color-hover-magenta-10: #FFBDDA;
    --ec-color-purple-10: #f6f2ff;
    --ec-color-purple-20: #e8daff;
    --ec-color-purple-30: #d4bbff;
    --ec-color-purple-40: #be95ff;
    --ec-color-purple-50: #a56eff;
    --ec-color-purple-60: #8a3ffc;
    --ec-color-purple-70: #6929c4;
    --ec-color-purple-80: #491d8b;
    --ec-color-purple-90: #31135e;
    --ec-color-purple-100: #1c0f30;
    --ec-color-hover-purple-10: #dcc7ff;
    --ec-color-teal-10: #d9fbfb;
    --ec-color-teal-20: #9ef0f0;
    --ec-color-teal-30: #3ddbd9;
    --ec-color-teal-40: #08bdba;
    --ec-color-teal-50: #009d9a;
    --ec-color-teal-60: #007d79;
    --ec-color-teal-70: #005d5d;
    --ec-color-teal-80: #004144;
    --ec-color-teal-90: #022b30;
    --ec-color-teal-100: #081a1c;
    --ec-color-hover-teal-10: #57e5e5;
    --ec-color-orange-10: #fff2e8;
    --ec-color-orange-20: #ffd9be;
    --ec-color-orange-30: #ffb784;
    --ec-color-orange-40: #ff832b;
    --ec-color-orange-50: #eb6200;
    --ec-color-orange-60: #ba4e00;
    --ec-color-orange-70: #8a3800;
    --ec-color-orange-80: #5e2900;
    --ec-color-orange-90: #3e1a00;
    --ec-color-orange-100: #231000;
    --ec-color-orange-110: #FCF4AC;
    --ec-color-orange-120: #6D3113;
    --ec-color-hover-orange-10: #fbed6c;
    --ec-color-cyan-10: #e5f6ff;
    --ec-color-cyan-20: #bae6ff;
    --ec-color-cyan-30: #82cfff;
    --ec-color-cyan-40: #33b1ff;
    --ec-color-cyan-50: #1192e8;
    --ec-color-cyan-60: #0072c3;
    --ec-color-cyan-70: #00539a;
    --ec-color-cyan-80: #003a6d;
    --ec-color-cyan-90: #012749;
    --ec-color-cyan-100: #061727;
    --ec-color-hover-cyan-10: #99daff;
    --white: #ffffff;
    --black: #000000;
}