: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-d1: #F8F8FF;
    --cae-color-lm-background-d2: #F0F0FF;
    --cae-color-lm-text: #171717;
    --cae-color-lm-text-inverse: #FFFFFF;
    --cae-color-lm-main-d8: #8888FF;
    --cae-color-lm-main-d3: #D3D3FF;
    --cae-color-lm-main-d2: #E0E0FF;
    --cae-color-lm-main-d1: #E8E8FF;
    --cae-color-lm-main: #EDEDFF;
    --cae-color-lm-main-l1: #F7F7FF;
    --cae-color-lm-main-l2: #F8F8FF;
    --cae-color-lm-main-l3: #FCFCFF;
    --cae-color-lm-blue: #0500FF;
    --cae-color-lm-bluegradient: linear-gradient(180deg, #0500FF 0%, #7000FF 100%);
    --cae-color-lm-bluegradient-0deg: linear-gradient(0deg, #0500FF 0%, #7000FF 100%);
    --cae-color-lm-violet: #7000FF;
    --cae-color-lm-violet-15prc: #ead9ff;
    --cae-color-lm-violet-shadow: #f4ebfd; 
    --cae-color-lm-red: #FF3535;
    --cae-color-lm-disabled: #DDE3E9;
    --cae-color-lm-mainmenu-shadow: rgba(103, 10, 254, 0.25);
    --cae-color-lm-green: #4EB9BC;

    --cae-color-lm-btn-primary-background: var(--cae-color-lm-bluegradient);
    --cae-color-lm-btn-secondary-background: #FFFFFF;
    --cae-color-lm-btn-third-background: #FFFFFF;
    --cae-color-lm-btn-fourth-background: var(--cae-color-lm-main);
    --cae-color-lm-btn-disabled-background: var(--cae-color-lm-disabled);
    --cae-color-lm-btn-primary-text: #FFFFFF;
    --cae-color-lm-btn-secondary-text: var(--cae-color-lm-blue);
    --cae-color-lm-btn-third-text: var(--cae-color-lm-text);
    --cae-color-lm-btn-fourth-text: var(--cae-color-lm-text);
    
    --cae-color-lm-datatable-rowbackground: white;
    --cae-color-lm-datatable-rowbackground-hover: #EEEEEE;
    --cae-color-lm-datatable-headerbackground: var(--naelisdeepblue);
    --cae-color-lm-datatable-rowborder: #AAAAAA;
    --cae-color-lm-datatable-rowselected: #DDDDDD;
    --cae-color-lm-datatable-rowselected-hover: #CCCCCC;
    --cae-color-lm-datatable-checkbox-border: #000000BB;
    --cae-color-lm-datatable-child-headerbackground: #AAAAAA;

    --cae-color-lm-form-control-border: #D9D9D9;
    --cae-color-lm-form-control-background-disabled: #DDE3E9;
    --cae-color-lm-form-control-foreground-disabled: #616161;

    --cae-color-lm-section-background: var(--cae-color-lm-background-d1);

    /* end light mode definition */

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

    /* dark mode definition */
    --cae-color-dm-background: #403F3F;
    --cae-color-dm-background-l1: #5D5D5D;
    --cae-color-dm-background-l2: #686868;
    --cae-color-dm-text: #FFFFFF;
    --cae-color-dm-text-inverse: #171717;
    --cae-color-dm-main-d8: #8888FF;
    --cae-color-dm-main-d3: #D3D3FF;
    --cae-color-dm-main-d2: #E0E0FF;
    --cae-color-dm-main-d1: #E8E8FF;
    --cae-color-dm-main: #EDEDFF;
    --cae-color-dm-main-l1: #F7F7FF;
    --cae-color-dm-main-l2: #F8F8FF;
    --cae-color-dm-main-l3: #FCFCFF;
    --cae-color-dm-blue: #0500FF;
    --cae-color-dm-bluegradient: linear-gradient(180deg, #0500FF 0%, #7000FF 100%);
    --cae-color-dm-bluegradient-0deg: linear-gradient(0deg, #0500FF 0%, #7000FF 100%);
    --cae-color-dm-violet: #7000FF;
    --cae-color-dm-violet-15prc: #7000FF36;
    --cae-color-dm-violet-shadow: #670AFE33;
    --cae-color-dm-red: #FF3535;
    --cae-color-dm-disabled: #DDE3E9;
    --cae-color-dm-mainmenu-shadow: rgba(103, 10, 254, 0.25);
    --cae-color-dm-green: #4EB9BC;



    --cae-color-dm-btn-primary-background: var(--cae-color-dm-bluegradient);
    --cae-color-dm-btn-secondary-background: #FFFFFF;
    --cae-color-dm-btn-third-background: #FFFFFF;
    --cae-color-dm-btn-fourth-background: var(--cae-color-dm-main);
    --cae-color-dm-btn-disabled-background: var(--cae-color-dm-disabled);
    --cae-color-dm-btn-primary-text: #FFFFFF;
    --cae-color-dm-btn-secondary-text: var(--cae-color-dm-blue);
    --cae-color-dm-btn-third-text: var(--cae-color-dm-text);
    --cae-color-dm-btn-fourth-text: var(--cae-color-dm-text);

    --cae-color-dm-datatable-rowbackground: white;
    --cae-color-dm-datatable-rowbackground-hover: #EEEEEE;
    --cae-color-dm-datatable-headerbackground: var(--naelisdeepblue);
    --cae-color-dm-datatable-rowborder: #AAAAAA;
    --cae-color-dm-datatable-rowselected: #DDDDDD;
    --cae-color-dm-datatable-rowselected-hover: #CCCCCC;
    --cae-color-dm-datatable-checkbox-border: #000000BB;
    --cae-color-dm-datatable-child-headerbackground: #AAAAAA;

    --cae-color-dm-form-control-border: #D9D9D9;
    --cae-color-dm-form-control-background-disabled: #DDE3E9;
    --cae-color-dm-form-control-foreground-disabled: #616161;

    --cae-color-dm-section-background: var(--cae-color-lm-background-d1);
    
    /* end dark mode definition */

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

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

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

    /* statements coponents colors*/
    --cae-color-itemvalue: #7000FF;
    --cae-color-tabitemvalues: #8C0476;
    --cae-color-profile: rgb(189, 116, 48);
    --cae-color-listitems: #61048C;
    --cae-color-formula: #E0026D;
    --cae-color-function: #7F0055;
    --cae-color-filter: #011058;
    --cae-color-interresultleft: #4169E1;
    --cae-color-interresultright: #4169E1;
    --cae-color-metadata: #0000FF;
    --cae-color-number: #164;
    --cae-color-calendar: #8a2be2;
    --cae-color-timeofuse: #128779;
    --cae-color-variable: #0000C0;
    --cae-color-indicator: #0500EF;
    --cae-color-paramidentifier: #3d9775;

    --cae-height-mainmenu: 100px;




    --input-background: white;
}