:root,
:host {
    --color-fg-xdark: rgba(38, 38, 38, 1);
    --color-fg-dark: rgba(50, 50, 50, 1);
    --color-fg-light: rgba(120, 120, 120, 1);
    --color-fg-xlight: hsl(0, 0%, 59%);
    --color-fg-placeholder: rgba(180, 180, 180, .9);

    --color-bg-xxlight: rgba(255, 255, 255, 1);
    --color-bg-xlight: rgba(249, 249, 249, 1);
    --color-bg-light: rgb(237, 237, 237);
    --color-bg-dark: rgb(150, 150, 150);
    --color-bg-xdark: rgba(28, 28, 28, 1);

    --color-bg-hover: rgba(40, 40, 40, 0.1);
    --color-bg-hover-dark: rgba(40, 40, 40, 0.2);

    --color-border-xdark: var(--color-fg-xdark);
    --color-border-dark: var(--color-fg-dark);
    --color-border-light: rgba(200, 200, 200, 1);
    --color-border-xlight: rgba(222, 222, 222, 1);
    --color-border-xxlight: rgba(240, 240, 240, 1);

    --color-outline-clear: var(--color-bg-dark);

    --color-scrollbar-bar: #a3a3a3;
    --color-scrollbar-track: #dedede;

    --color-bg-notification: #F2994A;
    --color-fg-notification: #FFF;

    --rgb-BEWEB-dark: 142, 123, 70;
    --rgb-BEWEB-light: 250, 244, 228;
    --rgb-CEIOA-dark: 23, 98, 141;
    --rgb-CEIOA-light: 235, 249, 255;
    --rgb-CEIA-dark: 61, 116, 87;
    --rgb-CEIA-light: 242, 254, 227;
    --rgb-CEIBIB-dark: 195, 138, 28;
    --rgb-CEIBIB-light: 255, 249, 230;
    --rgb-MANUS-dark: 195, 138, 28;
    --rgb-MANUS-light: 255, 249, 230;
    --rgb-ISTITUTI-dark: 89, 73, 72;
    --rgb-ISTITUTI-light: 255, 247, 247;
    --rgb-CEIAR-dark: 109, 33, 41;
    --rgb-CEIAR-light: 248, 233, 235;
    --rgb-CEIF-dark: 133, 24, 155;
    --rgb-CEIF-light: 241, 200, 255;


    --color-BEWEB-dark: rgba(var(--rgb-BEWEB-dark), 1);
    --color-BEWEB-light: rgba(var(--rgb-BEWEB-light), 0.1);
    --color-CEIOA-dark: rgba(var(--rgb-CEIOA-dark), 1);
    --color-CEIOA-light: rgba(var(--rgb-CEIOA-dark), 0.1);
    --color-CEIA-dark: rgba(var(--rgb-CEIA-dark), 1);
    --color-CEIA-light: rgba(var(--rgb-CEIA-dark), 0.1);
    --color-CEIBIB-dark: rgba(var(--rgb-CEIBIB-dark), 1);
    --color-CEIBIB-light: rgba(var(--rgb-CEIBIB-dark), 0.1);
    --color-MANUS-dark: rgba(var(--rgb-MANUS-dark), 1);
    --color-MANUS-light: rgba(var(--rgb-MANUS-dark), 0.1);
    --color-ISTITUTI-dark: rgba(var(--rgb-ISTITUTI-dark), 1);
    --color-ISTITUTI-light: rgba(var(--rgb-ISTITUTI-dark), 0.1);
    --color-CEIAR-dark: rgba(var(--rgb-CEIAR-dark), 1);
    --color-CEIAR-light: rgba(var(--rgb-CEIAR-dark), 0.1);
    --color-CEIF-dark: rgba(var(--rgb-CEIF-dark), 1);
    --color-CEIF-light: rgba(var(--rgb-CEIF-dark), 0.1);

    --dialog-shadow: 0px 5px 15px 0px rgb(170 170 170 / 80%);
}