:root {
    --theme-primary-1-light: rgb(109, 210, 253);
    --theme-primary-1-base: rgb(81, 182, 224);
    --theme-primary-1-dark: rgb(53, 147, 187);

    --theme-primary-2-light: rgb(255, 191, 203);
    --theme-primary-2-base: rgb(255, 148, 168);
    --theme-primary-2-dark: rgb(228, 111, 132);
    --theme-primary-2-darker: rgb(189, 69, 91);

    --theme-white: rgb(255, 255, 255);
    --theme-black: rgb(0, 0, 0);

    --theme-golden-base: rgba(255, 230, 5);
    --theme-golden-dark: rgba(255, 225, 94);

    --theme-accent-1-light: #a4e5ff;
    --theme-accent-1-base: #52C4F2;
    --theme-accent-1-dark: #2f94bd;
    --theme-accent-1-darker: #1b5e79;

    --theme-accent-2-light: rgb(255, 163, 180);
    --theme-accent-2-base: rgb(242, 82, 112);
    --theme-accent-2-dark: rgb(163, 38, 61);

    --theme-gray-light: rgb(172, 172, 172);
    --theme-gray-base: rgb(58, 58, 58);
    --theme-gray-dark: rgb(36, 36, 36);

    --theme-alert-base: #F2EA52;
    --theme-alert-dark: #ada83b;
    --theme-alert-darker: #58561e;

    --theme-selection-base: rgba(196, 70, 221);
    --theme-selection-dark: rgba(47, 17, 54);
    
    --theme-background-container: url('/image/background/bg_container_proto.png');
    --theme-background-main: url('/image/background/bg_main_proto.png');


    
    --theme-accent-1-base-rgb: 82 196 242;

    --theme-accent-2-base-rgb: 242 82 112;
    --theme-accent-2-dark-rgb: 163 38 61;

    --theme-selection-base-rgb: 186 70 221;
    --theme-selection-dark-rgb: 47 17 54;

    --theme-golden-base-rgb: 255 230 5;
    --theme-golden-dark-rgb: 255 225 94;
}