:root {

    --color-neutral-white: #FFFFFF;
    --color-neutral-100: #F3F3F3;
    --color-neutral-200: #E8E8E8;
    --color-neutral-300: #D0D1D0;
    --color-neutral-400: #B0B0B0;
    --color-neutral-500: #797979;
    --color-neutral-600: #6D6D6D;
    --color-neutral-700: #565656;
    --color-neutral-800: #494949;
    --color-neutral-900: #303030;
    --color-neutral-black: #0E0E0E;

    --color-brand-green-50: #F7FBFA;
    --color-brand-green-100: #EEF8F5;
    --color-brand-green-200: #DEF1EB;
    --color-brand-green-300: #BCE3D6;
    --color-brand-green-400: #9BD5C2;
    --color-brand-green-500: #79C7AD;
    --color-brand-green-600-main: #58B999;
    --color-brand-green-700: #3EAD88;
    --color-brand-green-800: #1F8A67;
    --color-brand-green-900: #167052;

    --color-brand-blue-50: #F2F3F6;
    --color-brand-blue-100: #E5E8ED;
    --color-brand-blue-200: #CCD1DB;
    --color-brand-blue-300: #B2BACD;
    --color-brand-blue-400: #99A2B8;
    --color-brand-blue-500: #7A8DAB;
    --color-brand-blue-600: #667494;
    --color-brand-blue-700: #4F5F88;
    --color-brand-blue-800: #334571;
    --color-brand-blue-900-main: #00174D;
    --color-brand-blue-900-20perc: #00174D33; /* opacity 0.2 */

    --color-purple-50: #FBF8FC;
    --color-purple-100: #F6F2F9;
    --color-purple-200: #EEE5F3;
    --color-purple-300: #DDCAE6;
    --color-purple-400: #CBB0DA;
    --color-purple-500: #BA95CD;
    --color-purple-600-main: #A97BC1;
    --color-purple-700: #9964B5;
    --color-purple-800: #864DA3;
    --color-purple-900: #65377D;

    --color-red-600-main: #FF7287;
    --color-yellow-600-main: #F9DE2E;
    --color-blue-600-main: #00B0F0;
}