:root {
    /*--bg-color: #ffffff;*/
    /*--bg-text: #171717;*/
    --white-color: #ffffff;
    --black-color: #171717;
    --dGrey-color: #262626;
    --lGrey-color: #666666;
    /*--light-color: #ffffff;*/
    /*--dark-color: #171717;*/

    /*--bg-card: #fff;*/
}
[data-mode="natural_nonretail"] {
    --bg-color: #ffffff;
    --bg-text: #171717;
    --bg-card: #fff;
    /*--bg-card: #f6fbfb;*/
    --light-color: #f3f3f3;
    --dark-color: #007d79;
}

[data-mode="lab_nonretail"] {
    --bg-color: #ffffff;
    --bg-text: #171717;
    --bg-card: #fff;
    --light-color: #f4ebda;
    --dark-color: #a47e43;
}

[data-mode="natural_retail"] {
    --bg-color: #171717;
    /*--bg-color: #131313;*/
    /*--bg-text: #ffffff;*/
    --bg-text: #d5d5d5;
    --bg-card: #FFFFFF0A;
    --light-color: #f3f3f3;
    --dark-color: #007d79;
}

[data-mode="lab_retail"] {
    --bg-color: #131313;
    --bg-text: #d5d5d5;
    --bg-card: #FFFFFF0A;
    --light-color: #f4ebda;
    --dark-color: #a47e43;
}