:root {
    --White1: #ffffff;

    --Gray1: #EDEDED;
    --Gray2: #d6d6d6;
    --Gray3: #c0c0c0;
    --Gray4: #a8a8a8;
    --Gray5: #A6A6A6;
    --Gray6: #606060;

    --Green1: #9bc27f;
    --Green2: #82b361;
    --Green3: #789266;

    --Purple1: #b253ec;
    --Purple2: #9f00ff;
    --Purple3: #7a14b8;

    --Yellow1: #ffcb3d;
    --Yellow2: #fcb500;
    --Yellow3: #ffa500;

    --Orange1: #ff8800;
    --Orange2: #e57300;
    --Orange3: #a55000;

    --BlueDark1: #008080;
    --BlueDark2: #0a5c5c;
    --BlueDark3: #074444;

    --Red1: #cc0002;
    --Red2: #a30002;
    --Red3: #640000;

    --Background1: var(--Gray1);
    --Background2: var(--Gray2);

    --Grid1: var(--Gray3);
    --Grid2: var(--Gray4);

    --Disabled1: var(--Gray2);
    --Disabled2: transparent;
    --DisabledText1: var(--Gray2);

    --Highlight1: var(--Green3);
    --Highlight2: var(--Green1);
    --HighlightText1: var(--White1);

    --Information1: var(--BlueDark2);
    --Information2: var(--BlueDark1);
    --InformationText1: var(--White1);
    --InformationText2: var(--BlueDark2);

    --Warning1: var(--Yellow2);
    --Warning2: var(--Yellow1);
    --WarningText1: var(--White1);
    --WarningText2: var(--Yellow2);

    --Risk1: var(--Purple3);
    --Risk2: var(--Purple1);
    --RiskText1: var(--White1);

    --Danger1: var(--Red2);
    --Danger2: var(--Red1);
    --DangerText1: var(--White1);

    /* == Icon ================================================================== */
    --Icon: var(--Gray6);
    --IconBackground: var(--Gray5);

    --IconUser: var(--Highlight1);
    --IconUserBackground: var(--Highlight2);

    --IconAdd: var(--Green3);
    --IconAddBackground: var(--Green1);

    --IconSafe: var(--Green3);
    --IconSafeBackground: var(--Green1);

    --IconInformations: var(--BlueDark3);
    --IconInformationsBackground: var(--BlueDark1);

    --IconWarning: var(--Yellow3);
    --IconWarningBackground: var(--Yellow1);

    --IconEdition: var(--Orange3);
    --IconEditionBackground: var(--Orange1);

    --IconDanger: var(--Red3);
    --IconDangerBackground: var(--Red1);

    --IconRemove: var(--Red3);
    --IconRemoveBackground: var(--Red1);

    /* == Text ================================================================== */
    --Text1: #707070;
    --Text2: #5c5c5c;
}