:root {
    --se-dark-purple: #1B1534; /* Used in SE Gradient and for typography and as text color in online applications */
    --se-medium-purple: #4D217A; /* Used in SE Gradient and for typography */
    --se-purple: #641E8C; /* Only used in our (SE) logo (and CTA hover) */
    --siemens-petrol: #009999; /* Used in our logo and for color accents, e.g. in Dot Spheres and icons */

    --se-bright-purple: #8A00E5; /* Used sparingly to set highlights and for clickable elements */
    /* Secondary or accent colors */
    --se-gray-0: #EAF4F8;
    --se-gray-1: #D7E4EE;
    --se-gray-2: #B8CEDB; /* equivalent to previous lightgray */
    --se-gray-3: #96B0C0;
    --se-gray-4: #7B919D; /* equivalent to previous gray */
    --se-gray-5: #54646E;

    --se-green-0: #DCFFDC;
    --se-green-1: #00FD79;
    --se-green-2: #14DA79;
    --se-green-3: #27B66D;
    --se-green-4: #009B55;
    --se-green-5: #006C3B;

    --se-blue-2: #21C0FF;
}