:root {

    /* for compatibility during css refactoring */
    --naelisblue: #0093AF;
    --naelisblue99: #0093AF99;
    --naelisblueAA: #0093AFAA;
    --naelisblueDD: #0093AFDD;
    --naelisdeepblue: #001929;
    --naelispurple: #8D2461;
    --naelisyellow: #9C9E6C;
    --naelisligthgrey: #F9F9F9;

    /******************************************************/

    /* light mode definition */
    --cae-color-lm-background: #FFFFFF;
    --cae-color-lm-background-blue: #EAFCFC;
    --cae-color-lm-background-violet: #FAF6FF;
    --cae-color-lm-background-violet-inverse: #5313AE;
    --cae-color-lm-text: #171717;
    --cae-color-lm-text-inverse: #FFFFFF;
    --cae-color-lm-text-blue: var(--cae-color-lm-blue);
    --cae-color-lm-text-violet: var(--cae-color-lm-violet);
    --cae-color-lm-main: #EDEDFF;
    --cae-color-lm-blue: #0500FF;
    --cae-color-lm-violet: #7000FF;

    /* end light mode definition */

    /******************************************************/

    /* dark mode definition */
    --cae-color-dm-background: #403F3F;
    --cae-color-dm-background-blue: #EAFCFC;
    --cae-color-dm-background-violet: #FAF6FF;
    --cae-color-dm-background-violet-inverse: #5313AE;
    --cae-color-dm-text: #FFFFFF;
    --cae-color-dm-text-inverse: #171717;
    --cae-color-dm-text-blue: var(--cae-color-dm-blue);
    --cae-color-dm-text-violet: var(--cae-color-dm-violet);
    --cae-color-dm-main: #EDEDFF;
    --cae-color-dm-blue: #0500FF;
    --cae-color-dm-violet: #7000FF;

    /* end dark mode definition */

    /******************************************************/

    /* unsensitive colors */
    --cae-color-allmode-text: #171717;
    --cae-color-allmode-text-inverse: #FFFFFF;

    /******************************************************/

    --cae-height-mainmenu: 100px;
}