
            :root 
            { 
                --theme-main-color: #3452da;
                --theme-main-color-brighter-1: #3b59e1ff;
                --theme-main-color-brighter-2: #5a78ffff;
                --theme-main-color-brighter-3: #6785ffff;
                --theme-main-color-darker-1: #2c4ad2ff;
                --theme-main-color-darker-2: #0d2bb3ff;
                --theme-main-color-darker-3: #011fa7ff;
                --theme-main-color-opacity-1: #3452da28;
                --theme-main-color-opacity-2: #3452da7F;
                --theme-main-color-opacity-3: #3452daC8;
                --theme-main-font-color: #ffffff;
                --theme-main-font-color-darker-1: #ccccccff;
                --theme-main-font-color-brighter-1: #ffffffff;
                --theme-secondary-color: #e4e414;
                --theme-secondary-color-brighter-1: #ebeb1bff;
                --theme-secondary-color-brighter-2: #ffff3aff;
                --theme-secondary-color-brighter-3: #ffff47ff;
                --theme-secondary-font-color: #ffffff;
                --theme-secondary-font-color-darker-1: #ccccccff;
                --theme-secondary-font-color-brighter-1: #ffffffff;
                --theme-tertiary-color: #6934da;
                --background-size: cover;
            }