:root 
            { 
                --theme-main-color: #17308b;
                --theme-main-color-brighter-1: #1e3792ff;
                --theme-main-color-brighter-2: #3d56b1ff;
                --theme-main-color-brighter-3: #4a63beff;
                --theme-main-color-darker-1: #0f2883ff;
                --theme-main-color-darker-2: #000964ff;
                --theme-main-color-darker-3: #000058ff;
                --theme-main-color-opacity-1: #17308b28;
                --theme-main-color-opacity-2: #17308b7F;
                --theme-main-color-opacity-3: #17308bC8;
                --theme-main-font-color: #ffffff;
                --theme-main-font-color-darker-1: #ccccccff;
                --theme-main-font-color-brighter-1: #ffffffff;
                --theme-secondary-color: #bedae6;
                --theme-secondary-color-brighter-1: #c5e1edff;
                --theme-secondary-color-brighter-2: #e4ffffff;
                --theme-secondary-color-brighter-3: #f1ffffff;
                --theme-secondary-font-color: #ffffff;
                --theme-secondary-font-color-darker-1: #ccccccff;
                --theme-secondary-font-color-brighter-1: #ffffffff;
                --theme-tertiary-color: #041262;
                --background-size: cover;
            }