:root {
        /* MAIN */
        --background-color: #131521ff;
        --foreground-color: #ffffff;
        --sidenav-color: #1c1d27ff;

        /* Colors */
        --primary-color: #fd2d5eff;
        --primary-hover-color: #f70038ff;
        --primary-text-color: #ffffffff;
        /**/
        --secondary-color: #3e3ef4ff;
        --secondary-hover-color: #0e0ef1ff;
        --secondary-text-color: #ffffffff;
        /**/
        --tertiary-color: #1c1d27ff;
        --tertiary-hover-color: #1c1d27ff;
        --tertiary-text-color: #ffffffff;
        --tertiary-border-color: #c6c6c6; /* ??????? */

        /* Text */
        --input-color: #ffffff;
        --text-color: #ccccccff;
        --text-color-inv: #ffffffff;
        --text-color-lighter: #ffffff;
        --text-color-darker: #ccccccff;

        /* Mobile */   
        --hamburgher-color: #ffffff;
        --hamburgher-hover-color: #ffffff;
        --hamburgher-line-color: #131521ff;

        /* Modal */
        --modal-header-color: #131521ff;
        --modal-header-text-color: #ccccccff;
        --modal-background-color: #ffffff;
        --modal-text-color: #131521ff;
        --modal-error-color: #ffffff;

        /* Card */
        --card-color: #1c1d27ff;
        --card-body-color: #1c1d27ff;
        --card-hover-color: #2c2e33b2;
        --card-text-color: #fd2d5eff;

        /* Extra */
        --title-color: #ffffff;
        --line-color: #ccccccff;
        --border-form-color: #ffffff;
        --winner-light-color: #1c1d27ff;
        --background-rules-color: #1c1d27ff;

        /* Gradients - Qui creo un converitore da HEX a Numeric e aggiungo delle variazioni che valgono solo per questo template */
        --wave-primary-color: #fd2d5eff;
        --wave-secondary-color: #3e3ef4ff;
        --wave-tertiary-color: #1c1d27ff;
        /**/
        --wave-bg-start: #3e3ef4ff;
        --wave-bg-middle: #1c1d27ff;
        --wave-bg-end: #3e3ef4ff;
    }