:root {
    --dark: #000000;
    --light: #ffffff;

    /* Ink */
    --ink-1: #119DA4;
    --ink-1-darken: #06868C;
    --ink-2: #4947D7;
    --ink-3: #FE5F55;
    --ink-4: #1D3557;
    --ink-5: #FFC15E;
    --ink-6: #CE0A16;
    --ink-7: #2892D7;
    --ink-7-darken: #1380C7;
    --ink-8: #EBFCFB;
    --ink-9: #F5F7F7;
    --ink-10: #57B288;

    /* Shades of greys */
    --grey-1: #FFFFFF;
    --grey-2: linear-gradient(180deg, #FFFFFF 0%, #FAFAFD 100%);
    --grey-3: #191516;
    --grey-4: #2E2F33;
    --grey-5: #616269;
    --grey-6: #BDC0CA;
    --grey-7: #EEEEF1;
    --grey-8: #DDDDDD;
    --grey-9: #333333;

    /* Utility */
    --ink-1-disable: #70CACF;
    --ink-1-light: #e2f4f5;
    --ink-7-disable: #9BCDFF;
    --inactive-light: linear-gradient(0deg, rgba(17, 157, 164, 0.1), rgba(17, 157, 164, 0.1)), #FFFFFF;
    --success: #1BCC8C;
    --success-darken: #15a370;
    --info: #45C6EA;
    --info-light: #EFF8FE;
    --warning: #F9B551;
    --error: #F25151;
    --error-darken: #ed1414;

    --body-bg: #FFFFFF;
    --body-color: #000000;
    --text-color: #616269;
    --text-light: #333333;
    --text-dark: #191516;

    --notify-success: rgba(41, 221, 156, 0.5);
    --notify-info: rgba(69, 198, 234, 0.5);
    --notify-warning: rgba(249, 181, 81, 0.5);
    --notify-error: rgba(242, 81, 81, 0.5);
}