:root {
    /* Greyscale */
    --color-grey-600: #30373E;
    --color-grey-500: #6B6D6F;
    --color-grey-400: #B5BFC8;
    --color-grey-300: #DEE3E8;
    --color-grey-200: #F8F8F8;
    --color-grey-100: #FBFBFB;
    --color-white: #FFFFFF;

    /* Primary / Actions / Infos */
    --color-primary-900: #03182F;
    --color-primary-700: #102B49;
    --color-primary-600: #3E6289;
    --color-primary-500: #0031AF;
    --color-primary-400: #003EDF;
    --color-primary-300: #2764FF;
    --color-primary-200: #E3EDFF;
    --color-primary-100: #F8FAFF;

    /* Disabled */
    --color-disabled-dark: #859099;
    --color-disabled-regular: #B5BFC8;
    --color-disabled-light: #DEE3E8;
    --color-disabled-lighter: #F8F8F8;
    --color-disabled-primary: #E3EDFF;

    /* Error / Danger / Critical */
    --color-error-dark: #BD0F0F;
    --color-error-regular: #E3461D;
    --color-error-light: #FFE2DB;
    --color-error-lighter: #FFF9F8;

    /* Elevation */
    --elevation-0: 0px 1px 4px rgba(0, 0, 0, 0.1);
    --elevation-300: 0px 1px 3px rgba(0, 0, 0, 0.2);
    --elevation-700: 0px 5px 15px rgba(0, 0, 0, 0.2);
    --elevation-900: 0px 10px 15px rgba(15, 29, 77, 0.5);
    --elevation--300: 0px -6px 10px rgba(0, 0, 0, 0.1);

    /* Sizes */
    --space-0: 2px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;
    --space-9: 56px;
    --space-10: 72px;
    --space-11: 96px;
    --space-12: 160px;
}