body {
    --color-white: #FFFFFF;
    --color-white-40: #FFFFFF66;

    --color-purple-700: #9B72B0;
    --color-purple-100: #9B72B01F;
    
    --color-purple-50: #F0EAF3;
    
    --color-slate-900: #353841;
    
    --color-blue-500: #36A1D8;
    --color-blue-300: #EAF6F7;
    --color-blue-200: #cacede;
    --color-blue-50: #EFF5F9;
    
    --color-gray-900: #34373F;
    --color-gray-700: #34373FB3;
    --color-gray-600: #4F697D;
    --color-gray-600-5: #4F697D0D;
    --color-gray-500: #A1A4AC;
    --color-gray-400: #A0A3AB;
    --color-gray-350: #C4C5CA;
    --color-gray-300: #D5D7DB;
    --color-gray-250: #D5D8DD;
    --color-gray-275: #D6D8DC;
    --color-gray-100: #EDF2F4;
    --color-gray-50: #ECF1F3;
    --color-gray-25: #F5F5F5;
    
    --color-black-50: #0000001A;
    --color-black: #000000;
    
    --color-red-800: #BD120A;
    --color-red-700: #FF0000;
    --color-red-600: #E1242A;
    --color-red-500: #D03B47;
    --color-red-400: #E14652;
    
    --color-teal-500: #50B0BE;

    --color-green-600: #0EA64B;
    --color-green-500: #13B413;
    
    --color-amber-500: #EBA800;
    
    --color-pink-50: #FCE9EA;

    --font-size-H1: 40px;
    --font-line-height-xxxxl: 46px;
}