/*-------------------------------------------------------------------------------*/
/* Variabili globali sui colori e sulle palette per l'appplicativo */

:root {
    /* colori sfondo */
    --baseBg: #cccccc;
    --baseColor: #336666;
    /* colori navbar */
    --navBarA: #22b573;
    --navBarB: #339966;
    --navBarC: #336666;
    --navBarColor: #ffffff;
    --navSelect: #ffed00;
    --colorNavSelect: #1d1d1b;
    /* colori area principale */
    --mainBg: #808080;
    --mainIcoBg: var(--leftBarBg);
    --mainIcoColor: var(--baseBg);
    /* colori area zona*/
    /* colori navigatore zone */
    --navigatorBg: #acacac;
    --navigatorColor: #4d4d4d;
    /* colori barra laterale */
    --leftBarBg: #4d4d4d;
    --leftIcoBg: var(--baseBg);
    --leftIcoColor: var(--leftBarBg);
    --icoFuncBgHover: #ffed00;
    --icoFuncColorHover: #4d4d4d;
    /* colori barra inferiore*/
    /* colori azioni su componenti */
    --selectIcoBg: #22b573;
    --selectIcoColor: #e6e6e6;
    --errorIcoBg: #ff3333;
    --errorIcoColor: var(--selectIcoColor);
    /* colore footer */
    --footerBg: var(--navBarA);
    --footerColor: var(--navBarColor);
    /* colori extra*/
    --aerColor: #98c21e;
    /* colori icone sulla sinistra */
    --icoSxBg: #4d4d4d;
    --icoSxColor: #cccccc;
    --icoSxBgSelect: #22b573;
    --icoSxColorSelect: #e6e6e6;
    --icoSxBgHover: #ffed00;
    --icoSxColorHover: #4d4d4d;

    /*colori relativi alle card*/
    --cardBg: #6c757d;
}