:root {
    --color-base: #ffffff;

    --color-grayscale-c0: #FBFCFA;
    --color-grayscale-c1: #F6F8FA;
    --color-grayscale-c2: #EBEEF1;
    --color-grayscale-c3: #D5DBE1;
    --color-grayscale-c4: #C0C8D2;
    --color-grayscale-c5: #A3ACBA;
    --color-grayscale-c6: #87909F;
    --color-grayscale-c7: #687385;
    --color-grayscale-c8: #545969;
    --color-grayscale-c9: #30313D;
    --color-grayscale-c10: #1A1B25;

    --color-primary-c0: #E9F3FD;
    --color-primary-c1: #D2E6FA;
    --color-primary-c2: #C3DDF8;
    --color-primary-c3: #B5D5F4;
    --color-primary-c4: #95C3F1;
    --color-primary-c5: #72AFEC;
    --color-primary-c6: #4394E6;
    --color-primary-c7: #0570DE;
    --color-primary-c8: #0055BC;
    --color-primary-c9: #04438C;
    --color-primary-c10: #003262;
    --color-primary-c11: #011C3A;

    --color-danger-c0: #FFFAFD;
    --color-danger-c1: #FFF5FA;
    --color-danger-c2: #FFE7F2;
    --color-danger-c3: #FFCCDF;
    --color-danger-c4: #FFB1CD;
    --color-danger-c5: #FE87A1;
    --color-danger-c6: #FC526A;
    --color-danger-c7: #DF1B41;
    --color-danger-c8: #B3093C;
    --color-danger-c9: #890D37;
    --color-danger-c10: #68052B;
    --color-danger-c11: #3E021A;

}