:root {
    /* Primary colors */
    --ui-color-primary-blue: #0046AD;
    --ui-color-primary-blue-light: #4D7EC6; /* #0046AD, 70% */

    --ui-color-primary-black: #000000;
    --ui-color-primary-grey: #666666;
    --ui-color-primary-grey-light: #AFAFAF;

    /* Secondary colors */
    --ui-color-secondary-black: #444444;
    --ui-color-secondary-grey: #999999; /* #000000, 40% */
    --ui-color-secondary-grey-light: #D1D4D3;
    --ui-color-secondary-blue: #7F96B8; /* #002D72, 50% */
    --ui-color-secondary-blue-light: #CCD5E3; /* #002D72, 20% */
    --ui-color-secondary-blue-light-extra: #EEF2F4;
    --ui-color-secondary-blue-bright: #F8F9FB;
    --ui-color-secondary-blue-darker: #00569B;

    /* Indicating colors */
    --ui-color-indicator-green: #00B140;
    --ui-color-indicator-orange: #F2A900;
    --ui-color-indicator-red: #B7153A;

    /* Informational colors */
    --ui-color-information-blue-dark: #002D72;
    --ui-color-information-blue: #0072CE;
    --ui-color-information-blue-light: #6CACE4;
    --ui-color-information-blue-light-extra: #9201E9;
    --ui-color-information-turquois: #009CA6;
    --ui-color-information-green-dark: #007A33;
    --ui-color-information-green: #009639;
    --ui-color-information-brown: #8B5B29;
    --ui-color-information-purple: #93328E;
    --ui-color-information-red: #E4002B;
    --ui-color-information-orange: #FF8200;
    --ui-color-information-yellow: #FFD100;
}