/**************** COLORS SETUP ****************/
:root {
    --bgPri: #e9f2f6;
    --bgSnd: #ffffff;
    --bgDark: rgba(8, 29, 41, 1);


    --whiteFull: rgba(255, 255, 255, 0.9);
    --whiteHalf: rgba(255, 255, 255, 0.6);
    --whiteOff: rgba(255, 255, 255, 0.3);

    --black: #000;

    --textPrimary: rgba(28, 29, 34, 0.8);
    --textSecondary: rgba(28, 29, 34, 0.5);
    --textTertiary: rgba(28, 29, 34, 0.2);

    --accentPri: rgba(6, 140, 179, 1);
    --accentPriHover: rgba(5, 93, 119, 0.9);
    --accentSnd: rgba(154, 9, 159, 1);
    --accentSndHover: rgba(103, 3, 106, 0.9);
    --accentTer: rgba(59, 9, 159, 0.9);
    --accentTerHover: rgb(44, 5, 119);

    --cardBackground: rgba(255, 255, 255, 0.4);
    --cardBackgroundHover: rgba(255, 255, 255, 0.8);

    --createBackgroundPri: rgba(6, 140, 179, 0.7);
    --createBackgroundPriHover: rgba(6, 140, 179, 0.9);

    --createBackgroundSec: rgba(154, 9, 159, 0.7);
    --createBackgroundSecHover: rgba(154, 9, 159, 0.9);

    --formBackgroundDefault: rgba(116, 131, 136, 0.1);
    --formBackgroundActive: rgba(6, 140, 179, 0.1);

    /* Filter Bar */
    --filterBackground: rgba(6, 140, 179, 0.1);

    /* Status Colors */
    --successBackground: rgba(32, 175, 0, 0.6);
    --errorBackground: rgba(166, 0, 0, 0.6);
    --infoBackground: rgba(0, 161, 223, 0.6);

    /* Snackbar Colors */
    --successSnackbar: rgba(32, 175, 0, 0.8);
    --errorSnackbar: rgba(166, 0, 0, 0.8);
    --infoSnackbar: rgba(0, 161, 223, 0.8);
    --warningSnackbar: rgba(207, 110, 0, 0.8);

    /* Toggle Colors */
    --toggleBackgroundHover: rgba(6, 140, 179, 0.1);
    --toggleBackgroundOn: rgba(0, 161, 223, 0.4);

    --toggleOFF: rgba(0, 161, 223, 0.8);
    --toggleON: rgba(0, 161, 223, 0.8);







    --actionBackgroundPri: rgba(6, 140, 179, 0.1);
    --actionBackgroundPriHover: rgba(6, 140, 179, 0.4);

    --actionBackgroundSec: rgba(117, 179, 197, 0.1);
    --actionBackgroundSecHover: rgba(117, 179, 197, 0.4);

    --actionBackgroundDes: rgba(112, 5, 25, 0.1);
    --actionBackgroundDesHover: rgb(149, 0, 29);

    --actionPrimary: rgba(6, 140, 179, 0.7);
    --actionPrimaryHover: rgba(6, 140, 179, 1);

    --actionSecondary: rgba(108, 145, 161, 0.3);
    --actionSecondaryHover: rgba(108, 145, 161, 1);

    --actionDestructive: rgba(166, 0, 0, 0.5);
    --actionDestructiveHover: rgba(255, 255, 255, 0.9);

    --timerStop: rgba(166, 0, 0, 0.5);
    --timerStopHover: rgba(166, 0, 0, 0.9);

    --timerRestart: rgba(6, 140, 179, 0.5);
    --timerRestartHover: rgba(6, 140, 179, 0.9);

}