:root{
    --theme-primary: #8557CB;
    --theme-primary-opacity: #8557CB22;
    --theme-secondary: #C65AAD;
    --theme-light: #e9c9e2;
    --theme-light-secondary: #d3b5ff;
    --background-primary: #fafafa;
    --background-secondary: #f4f4f4;
    --background-light: #ffffff;
    --background-darker: #A9A9A9;
    --text-color-light: #595959; 
    --text-color-dark: #202020;
    --field-text-color: #495057;
    --color-white: #ffffff; 
    --color-black: #000000; 
    --button-secondary: #eeeeee;
    --button-secondary-hover: #dddddd;
    --input-text-color: #202020;
    --input-border-color: #8E8E8E;
    --input-background: #ffffff;
    --input-radio-background: #ececec;
    --grid-color: #f0f0f0;
    --color-green: #3AD621;
    --color-red: #FF446D;
    --color-success: #00951B;
    --color-success-light: #c2fecd;
    --color-danger: #FF161A;
    --color-danger-light: #f3cecf;
    --color-warning: #ff8f00;
    --color-warning-light: #ffeed3;
    --table-even: #fafafa;
    --table-odd: #f2ebfb;
    --table-hover: #d5d5d5;
    --workflow-green: #007579;
    --workflow-yellow: #E39F00;
    --workflow-red: #F87171;
    --toast-success-background: #83fb99;
    --toast-success-color: #00951B;
    --toast-danger-background: #f3a9aa;
    --toast-danger-color: #FF161A;
    --toast-warning-background: #f3caa9;
    --toast-warning-color: #ffb116;
    --table-header-left: url("../images/table-header-left-edge.png");
    --table-header-right: url("../images/table-header-right-edge.png");
    --background-style-01: url('../images/card-background-style-01.png');
    --background-style-02: url('../images/card-background-style-02.png');
    --background-style-03: url('../images/card-background-style-03.png');
}
:root body.dark-mode{
    --theme-primary: #8557CB;
    --theme-primary-opacity: #8557CB22;
    --theme-secondary: #C65AAD;
    --theme-light: #e9c9e2;
    --theme-light-secondary: #d3b5ff;
    --background-primary: #2E2E2E;
    --background-secondary: #242424;
    --background-light: #1a1a1a;
    --background-darker: #A9A9A9;
    --text-color-light: #c5c5c5; 
    --text-color-dark: #efefef;
    --field-text-color: #cccccc;
    --color-white: #000000; 
    --color-black: #ffffff; 
    --button-secondary: #464646;
    --button-secondary-hover: #3b3b3b;
    --input-text-color: #e4e4e4;
    --input-border-color: #3E3E3E;
    --input-background: #1a1a1a;
    --input-radio-background: #555;
    --grid-color: #464646;
    --color-green: #3AD621;
    --color-red: #FF446D;
    --color-success: #00951B;
    --color-success-light: #c2fecd;
    --color-danger: #FF161A;
    --color-danger-light: #f3cecf;
    --color-warning: #ff8f00;
    --color-warning-light: #ffeed3;
    --table-even: #222222;
    --table-odd: #28262b;
    --table-hover: #2f2f2f;
    --workflow-green: #007579;
    --workflow-yellow: #E39F00;
    --workflow-red: #F87171;
    --toast-success-background: #83fb99;
    --toast-success-color: #00951B;
    --toast-danger-background: #f3a9aa;
    --toast-danger-color: #FF161A;
    --toast-warning-background: #f3caa9;
    --toast-warning-color: #ffb116;
    --table-header-left: url("../images/table-header-dark-left-edge.png");
    --table-header-right: url("../images/table-header-dark-right-edge.png");
    --background-style-01: url('../images/card-background-style-01.png');
    --background-style-02: url('../images/card-background-style-02.png');
    --background-style-03: url('../images/card-background-style-03.png');
}