/* global branding colours */

:root {
    /* green */
    --color-green-100: rgb(118, 184, 42);
    --color-green-80: rgb(146, 197, 85);
    --color-green-60: rgb(173, 212, 127);
    --color-green-40: rgb(200, 225, 170);
    --color-green-20: rgb(228, 241, 212);
    --color-green-10: rgb(241, 248, 233);

    /* blue */
    --color-blue-100: rgb(47, 52, 130);
    --color-blue-80: rgb(84, 89, 152);
    --color-blue-60: rgb(121, 125, 174);
    --color-blue-40: rgb(157, 162, 196);
    --color-blue-20: rgb(194, 198, 218);
    --color-blue-10: rgb(231, 235, 240);

    /* grey */
    --color-grey-100: rgb(88, 89, 91);
    --color-grey-80: rgb(121, 122, 124);
    --color-grey-60: rgb(155, 155, 157);
    --color-grey-40: rgb(188, 189, 189);
    --color-grey-20: rgb(222, 222, 222);
    --color-grey-10: rgb(238, 238, 238);

    /* red */
    --color-red-100: rgb(195, 0, 0);
    --color-red-80: rgb(207, 51, 51);
    --color-red-60: rgb(219, 102, 102);
    --color-red-40: rgb(231, 153, 153);
    --color-red-20: rgb(243, 204, 204);
    --color-red-10: rgb(249, 229, 229);

    /* orange */
    --color-orange-100: rgb(224, 79, 0);
    --color-orange-80: rgb(231, 114, 51);
    --color-orange-60: rgb(237, 149, 102);
    --color-orange-40: rgb(243, 184, 153);
    --color-orange-20: rgb(249, 220, 204);
    --color-orange-10: rgb(252, 237, 229);

    /* purple */
    --color-purple-100: rgb(154, 101, 146);
    --color-purple-80: rgb(174, 132, 168);
    --color-purple-60: rgb(194, 163, 190);
    --color-purple-40: rgb(215, 193, 211);
    --color-purple-20: rgb(235, 224, 233);
    --color-purple-10: rgb(245, 240, 244);

    /* teil */
    --color-teil-100: rgb(0, 128, 173);
    --color-teil-80: rgb(51, 153, 189);
    --color-teil-60: rgb(102, 179, 206);
    --color-teil-40: rgb(153, 204, 222);
    --color-teil-20: rgb(204, 230, 239);
    --color-teil-10: rgb(229, 242, 247);

    /* aqua */
    --color-aqua-100: rgb(65, 170, 164);
    --color-aqua-80: rgb(103, 187, 182);
    --color-aqua-60: rgb(141, 204, 200);
    --color-aqua-40: rgb(179, 221, 219);
    --color-aqua-20: rgb(217, 238, 237);
    --color-aqua-10: rgb(236, 246, 246);

    /* grey text */
    --color-grey-text-100: rgb(40, 40, 40);

    /* white */
    --color-white-100: rgb(255, 255, 255);
}