:root{
    --color-primary-1: #005EF5;
    --color-primary-2: #004ecc;
    --color-primary-3: #263E7E;
    --color-primary-4: #0044ff;
    --color-primary-5: #4675ff;
    --color-primary-6: #01DDEE;
    --color-primary-7: #36FEDA;
    --color-primary-transparent: #2883F800;
    --color-primary-light: #8ebfff;
    --color-primary-lighter: #dfecfc;
    --color-primary-lightest: #ebf4ff;
    --color-primary-1-050: #2D55FF7d;
    --color-primary-1-025: #2D55FF42;

    --color-transparent: trasparent;

    --color-whites-1: #ffffff;
    --color-whites-2: #ebebeb;
    --color-whites-alpha-075: #ffffffd8;
    --color-whites-alpha-050: #ffffff7d;
    --color-whites-alpha-025: #ffffff3a;
    --color-whites-alpha-000: #ffffff00;

    --color-test:#007bff;

    --color-blacks-0: #1c1c1e;
    --color-blacks-1: #2F2F31;
    --color-blacks-2: #4d4d4d;
    --color-blacks-alpha-075: #1c1c1ed8;
    --color-blacks-alpha-050: #1c1c1e7d;
    --color-blacks-alpha-025: #1c1c1e3a;
    --color-blacks-alpha-000: #1c1c1e00;
    
    --color-greys-1: #777;
    --color-greys-2: #A7A7A7;
    --color-greys-3: #D0D0D0;
    --color-greys-4: #f6f6f6;
    --color-greys-5: #f9f9fa;

    --color-greys-alpha-080: #777777d8;
    --color-greys-alpha-075: #777777c2;
    --color-greys-alpha-060: #7777779f;
    --color-greys-alpha-050: #7777777d;
    --color-greys-alpha-040: #77777750;
    --color-greys-alpha-025: #77777733;
    --color-greys-alpha-010: #77777717;
    

    --color-accents-blues-1: #337ab7;
    --color-accents-blues-2: #68a2ff;
    --color-accents-blues-3: #c0d8ff;
    --color-accents-blues-3-alpha-050: #c0d8ff7d;

    --color-accents-reds-1: #BC003F;
    --color-accents-reds-2: #FE1125;
    --color-accents-reds-3: #D84242;
    --color-accents-reds-4: #ff9f9f;

    --color-accents-greens-1: #139820;
    --color-accents-greens-2: #3bad4b;
    --color-accents-greens-3: #26B99F;
    --color-accents-greens-4: #8ACD90;

    --color-accents-yellows-1: #ffa938;
    --color-accents-yellows-2: #ecc46e;
    --color-accents-yellows-3: #ffd57b;
    --color-accents-yellows-4: #e3cea1;

    --color-critical: #ff0000;
    --color-high: #eb6b6b;
    --color-medium: #e6a733;
    --color-low: #36a3eb;
    --color-none: #46cc98;
    --color-suggest: #a4fff4;
    --color-exclusion: var(--color-greys-2);

    --color-critical-half: #ff00007d;
    --color-high-half: #eb6b6b7d;
    --color-medium-half: #e6a7337d;
    --color-low-half: #36a3eb7d;
    --color-none-half: #46cc987d;
    --color-suggest-half: #a4fff47d;
    --color-exclusion-half: var(--color-greys-alpha-050);

    
    --color-gradients-1: linear-gradient(to top right, #01DDEE 0%, #0540F2 60%)

}




.bg-grey-1{
    background-color: var(--color-greys-1);
    color: var(--color-whites-1)
}
.bg-grey-2{
    background-color: var(--color-greys-2);
    color: var(--color-whites-1)
}
.bg-grey-3{
    background-color: var(--color-greys-3);
    color: var(--color-blacks-1)
}
.bg-grey-4{
    background-color: var(--color-greys-4);
    color: var(--color-blacks-1)
}