:root, :before, :after {
    /* Main Pallet */
    --blue1: #0078AF; /*light blue 1*/
    --blue2: #0B3B60; /*dark blue 1*/
    --blue3: #001536; /*dark blue 2. Used for nav*/
    --blue6: #00a7e1; /*light blue 3. Used for Unkown*/
    --blue7: #007bff; /*light blue 4. Used for badge*/

    --red1: #E51300; /* light 1*/
    --red2: #E7483A; /* light red 1*/
    --red3: #C85347; /* dark red 1*/
    --pink1: #c01a62; /* light 1*/
    --pink2: #F669A6; /* light 2*/
    --green1: #74E0C1; /*light green 1*/
    --green2: #3EAE91; /*light green 2*/
    --green4: #D4F2E9; /*light green 3*/

    --yellow1: #D4E100; /*light 1*/
    --orange2: #CE810F; /*light 2 main color for skipped*/
    --white1: #FFFFFF;
    --black1: #000000;
    /* Variations */
    --blue4: #3D4D66; /*light blue 2 rgb(61,77,102,1)*/
    --blue5: #142746; /*dark blue 3*/
    --blue8: #41658e; /*light blue 5*/
    --blue9: #5264AE; /*light blue 6*/
    --blue10: #63d8ff; /*light blue 7 main color for untested*/
    --blue11: #41658E;
    --blue12: #E9F3F7; /* light blue for grid bulk actions*/
    --green3: #cee5df; /*light green 3*/
    --grey1: #7f7f7f; /*dark grey 1. equivalent to grey*/
    --grey2: #E2E2E2; /*light grey 6. Used for status bars*/
    --grey3: #FAFAFA; /*light grey 3. used for background*/
    --grey4: #F2F2F2; /*light grey 4. used for inputs*/
    --grey5: #D3D3D0; /*light grey 7. equivalent to lightgrey*/
    --grey6: #9e9e9e; /*dark grey 2*/
    --grey7: #6B6B6B; /*dark grey 3. equivalent to darkgrey*/

    --orange1: #E18700; /*light 1*/
    --orange3: #F19F22; /*light 3*/
    /* UK Custom */
    --app-height: 950px;
}