:root {
    --primary-color: #6C5472;
    --light-primary-color: #e6d2de;
    --palette1-color: #7C7939;
    --palette2-color: #B86145;
    --palette3-color: #E4D4C2;
    --palette4-color: #47477F;
    --palette5-color: #F8EFE2;
    --palette6-color: #F4E6EE;
    --palette7-color: #B99E7F;
    --palette8-color: #DFE4EA;
    --palette9-color: #3E7180;
    --font-color: #272727;
    --font-suportingcolor: #f5f5f5;
    --bg-color: #eaeae7;
    --bg-color-lighter: #f2f0f0;
    --bg-color-darker: #cacac8;
    --bg-color-popup:#4c4c4c;
    --bg-color-gray: #bebebe;
    --bg-white: white;
    /* --bg-color: #F9F9F7; */
}

[data-theme="dark"] {
    --primary-color: #8A6C93;
    --light-primary-color: #e6d2de;
    --palette1-color: #83876A;
    --palette2-color: #B86145;
    --palette3-color: #E4D4C2;
    --palette4-color: #DFE4EA;
    --palette5-color: #F8EFE2;
    --palette6-color: #F4E6EE;
    --palette7-color: #B99E7F;
    --font-color: #FEFEFE;
    --font-suportingcolor: #6d6b6b;
    --bg-color: #272727;
    --bg-white: black;
}