:root {
    --theme-primary-1-dark: rgb(60, 98, 73);
    --theme-primary-1-base: rgb(83, 128, 95);
    --theme-primary-1-light: rgb(123, 188, 132);

    --theme-primary-2-light: rgb(252, 255, 255);
    --theme-primary-2-base: rgb(216, 224, 235);
    --theme-primary-2-dark: rgb(180, 195, 236);
    --theme-primary-2-darker: rgb(124, 142, 182);

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

    --theme-accent-1-light: rgb(255, 157, 194);
    --theme-accent-1-base: rgb(255, 62, 137);
    --theme-accent-1-dark: rgb(146, 44, 68);
    --theme-accent-1-darker: rgb(58, 1, 23);

    --theme-accent-2-base: rgb(30, 255, 41);
    --theme-accent-2-light: rgb(136, 216, 140);
    --theme-accent-2-dark: rgb(60, 99, 51);

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

    --theme-alert-base: rgb(255, 62, 62);
    --theme-alert-dark: rgb(105, 30, 30);
    --theme-alert-darker: rgb(25, 5, 5);

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

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


    
    --theme-accent-1-base-rgb: 255 62 137;

    --theme-accent-2-base-rgb: 30 255 41;
    --theme-accent-2-dark-rgb: 60 99 51;

    --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;
}