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

    /* Ink */
    --ink-1: #119DA4;
    --ink-1-opacity: rgba(17, 157, 164, .5);
    --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;
    --body-bg-color: #FFFFFF;
    --text-color: #616269;
    --text-light: #333333;
    --text-dark: #191516;

    --notify-success-bg: rgb(25, 135, 84);
    --notify-info-bg: rgb(13, 202, 240);
    --notify-warning-bg: rgb(255, 193, 7);
    --notify-error-bg: rgb(220, 53, 69);

    --notify-success-text: rgb(255,255,255);
    --notify-info-text: rgb(0,0,0);
    --notify-warning-text: rgb(0, 0, 0);
    --notify-error-text: rgb(255, 255, 255);

    --font-family-base: "Lato", Arial, sans-serif;
    --font-family-alt: "Lato", Arial, sans-serif;
    --font-family-title: 'Inter', Arial, sans-serif;
    --font-family-button: 'Inter', Arial, sans-serif;
}