:root {
    /* #region Main colors */
    --primary: rgb(85, 39, 111);
    --primary-light: rgb(106, 35, 131);
    --secondary: rgb(255,232,223);
    --accent: rgb(198, 110, 0);
    /* #region Block element component */
    --primary-0: rgba(0, 0, 0, 0);
    --primary-40: rgba(85, 39, 111, 0.4);
    --accent-0: rgba(0, 0, 0, 0);
    --accent-40: rgba(198, 110, 0, 0.4);
    /* #endregion */
    /* #endregion */
    /* #region Notice colors */
    --error: #ca5e59; /* -> Used in logger snackbar */
    --info: #59abc3; /* -> Used in logger snackbar */
    --warning: #f9a938; /* -> Used in logger snackbar */
    --success: #74b574; /* -> Used in logger snackbar */
    /* #endregion */
    /* #region Black and White */
    --black: #000;
    --light-content: rgba(0,0,0,0.7);
    --white: #fff;
    --transparent: rgba(0, 0, 0, 0);
    /* #endregion */
    /* #region */
    --yes: rgb(87, 185, 4);
    --no: rgb(255, 0, 0);
    /*--dark-gray: previous color for some --disabled rgb(142, 142, 142) !important;*/
    --disabled: rgba(0, 0, 0, 0.26) !important;
    --light-gray: rgb(220, 220, 220);
    --cto-background: rgba(0, 0, 0, 0.40);
    --cto-border: rgba(225, 225, 225, 0.80);
    --busy-background: rgba(255,255,255,0.7);
    /* #endregion */
    /* #region TODO -> Unused stuff + material color palettes */
    /*
        Material color palettes
    */
    /* #endregion */

    --header-font: hammer-Bold;
    --sub-header-font: quick-Brush;
    --body-font: MabryPro-Medium;
}